From 16739684bb7ca55d71c22cbd103ca8c058c33ecc Mon Sep 17 00:00:00 2001 From: Miquel Sabaté Solà Date: Fri, 15 Mar 2024 11:15:53 +0100 Subject: things: provide a simple way to follow links MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Miquel Sabaté Solà --- app/assets/stylesheets/icons.css | 47 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) (limited to 'app/assets/stylesheets') 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); +} -- cgit v1.2.3