Tabs - Improved anchor style for buttons

amir2mi · Feb 18, 2022 · 151d6d5 · 151d6d5
1 parent 5e7257f
commit 151d6d5
Show file tree

Hide file tree

Showing 6 changed files with 204 additions and 1,433 deletions.
diff --git a/dist/css/flatify-noprefix.css b/dist/css/flatify-noprefix.css
diff --git a/dist/js/flatify.js b/dist/js/flatify.js
diff --git a/dist/maps/flatify-noprefix.css.map b/dist/maps/flatify-noprefix.css.map
diff --git a/dist/maps/flatify.js.map b/dist/maps/flatify.js.map
diff --git a/scss/_reset.scss b/scss/_reset.scss
@@ -205,7 +205,7 @@ mark {
       position: absolute;
       top: 0;
       left: 0;
-      z-index: 0;
+      z-index: -1;
       width: 100%;
       height: 100%;
       background: var(--#{$CSS_VAR_PFX}local-bg-color);

diff --git a/scss/components/_tabs.scss b/scss/components/_tabs.scss
@@ -71,7 +71,8 @@
     height: 100%;
     padding: 0.75em 1.5em;
     margin: 0 0.38em;
-    color: inherit;
+    text-decoration: none !important;
+    color: inherit !important;
     background: transparent;
     border: none;
     outline: none;
@@ -107,7 +108,7 @@
     }
 
     &.active {
-      color: var(--#{$CSS_VAR_PFX}color-accent-primary);
+      color: var(--#{$CSS_VAR_PFX}color-accent-primary) !important;
       opacity: 1;
 
       &:before {