things: provide a simple way to follow links

Signed-off-by: Miquel Sabaté Solà <msabate@suse.com>

1 files changed, 47 insertions, 0 deletions

diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css
index 484265e..1facc96 100644
--- a/app/assets/stylesheets/icons.css
+++ b/app/assets/stylesheets/icons.css
@@ -49,3 +49,50 @@
     left: -5px;
     bottom: 4px
 }
+
+/*
+ * External link.
+ */
+
+.gg-external {
+    box-sizing: border-box;
+    position: relative;
+    display: inline-block;
+    transform: scale(var(--ggs,1));
+    width: 12px;
+    height: 12px;
+    box-shadow:
+        -2px 2px 0 0,
+        -4px -4px 0 -2px,
+        4px 4px 0 -2px;
+    margin-left: 6px;
+    margin-top: 1px
+}
+
+.gg-external::after,
+.gg-external::before {
+    content: "";
+    display: inline-block;
+    box-sizing: border-box;
+    position: absolute;
+    right: -4px
+}
+
+.gg-external::before {
+    background: currentColor;
+    transform: rotate(-45deg);
+    width: 12px;
+    height: 2px;
+    top: 1px
+}
+.gg-external::after {
+    width: 8px;
+    height: 8px;
+    border-right: 2px solid;
+    border-top: 2px solid;
+    top: -4px
+}
+
+.gg-external:hover {
+    color: var(--text);
+}