Improved Focus Outline Mixin. (#468)

soramitsu · Sep 26, 2022 · 2a80622 · 2a80622
1 parent 757157d
commit 2a80622
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@soramitsu/soramitsu-js-ui",
-  "version": "1.0.38",
+  "version": "1.0.39",
   "private": false,
   "publishConfig": {
     "registry": "https://nexus.iroha.tech/repository/npm-soramitsu/"

diff --git a/src/styles/neumorphism/mixins.scss b/src/styles/neumorphism/mixins.scss
@@ -1,11 +1,12 @@
 @mixin focus-outline($focusWithin: false) {
+  $outline: 1px solid var(--s-color-outline);
   @if $focusWithin == true {
     &:focus-within {
-      outline: 1px solid var(--s-color-outline);
+      outline: $outline;
     }
   } @else {
-    &:focus {
-      outline: 1px solid var(--s-color-outline);
+    &:focus:not(:active) {
+      outline: $outline;
     }
   }
 }