feat(Input): Shadow on Input elements

wfp · Feb 19, 2019 · 94a79bd · 94a79bd
1 parent c85d151
commit 94a79bd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/Link/_link.scss b/src/components/Link/_link.scss
@@ -33,7 +33,7 @@
     }
 
     &:focus {
-      @include focus-outline('border');
+      @include focus-outline('border-small');
     }
 
     &[aria-disabled='true'] {

diff --git a/src/globals/scss/_helper-mixins.scss b/src/globals/scss/_helper-mixins.scss
@@ -51,6 +51,11 @@
     box-shadow: 0px 2px 8px 0 $focus;
   }
 
+  @if ($type == 'border-small') {
+    outline: 2px solid $brand-02;
+    outline-offset: 2px;
+  }
+
   @if ($type == 'border-important') {
     outline: 2px solid $brand-01 !important;
     outline-offset: -1px;