external link hover/focus style fix

aotearoan · Nov 6, 2020 · 4fe8996 · 4fe8996
1 parent 3495b06
commit 4fe8996
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of VueJS components with minimal dependencies. It supports light and dark modes and can be extended to support multiple themes",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "main": "dist/@aotearoan/neon.umd.js",
   "types": "dist/@aotearoan/components.d.ts",
   "files": [

diff --git a/src/sass/_link.scss b/src/sass/_link.scss
@@ -29,4 +29,17 @@ a[href]:not(.neon-link--no-style),
       opacity: 1;
     }
   }
+
+  &.neon-link--outline-text.neon-link--external-link {
+    &:after {
+      width: calc(100% - #{6 * $base-space});
+    }
+
+    &:hover,
+    &:focus {
+      &:after {
+        width: calc(100% - #{6 * $base-space});
+      }
+    }
+  }
 }