Tag use --highlight-secondary background if not set bulma classes

bastienwirtz · Nov 13, 2024 · b6d9749 · b6d9749
1 parent 29a9cd3
commit b6d9749
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/assets/components/base.scss b/src/assets/components/base.scss
@@ -181,15 +181,18 @@
       }
 
       .tag {
-        color: var(--highlight-secondary);
-        background-color: var(--highlight-secondary);
         position: absolute;
         bottom: 1rem;
         right: -0.2rem;
         width: 3px;
         overflow: hidden;
         transition: all 0.2s ease-out;
         padding: 0;
+
+        &:not([class*="is-"]) {
+          color: #ffffff;
+          background-color: var(--highlight-secondary);
+        }
 
         .tag-text {
           display: none;
@@ -213,7 +216,6 @@
 
         .tag {
           width: auto;
-          color: #ffffff;
           padding: 0 0.75em;
 
           .tag-text {