Adjust filter-pill styling (to support usage of au-icon instead of th…

…e auk font-icons) + version bump
kanselarij-vlaanderen · May 16, 2024 · a75c85f · a75c85f
1 parent 9c24660
commit a75c85f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/_auk-filter-pill.scss b/_auk-filter-pill.scss
@@ -3,8 +3,8 @@
    ========================================================================== */
 
 .auk-filter-pill {
+  font-family: $g-base-font-family;
   font-size: 1.4rem;
-  font-weight: 500;
   display: inline-flex;
   align-items: center;
   padding: 0 .5rem 0 .6rem;
@@ -15,11 +15,10 @@
   border: .1rem solid $auk-gray-300;
 }
 
-.auk-filter-pill .auk-icon--x {
+.auk-filter-pill__action {
+  position: relative;
   width: 1.8rem;
   height: 1.8rem;
-  font-size: 1.8rem;
-  position: relative;
   padding-left: .5rem;
   margin-left: .5rem;
 
@@ -32,6 +31,7 @@
     height: 2.2rem;
     width: 0.1rem;
     background-color: $auk-gray-300;
+    color: $auk-gray-600;
   }
 }
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kanselarij-vlaanderen/au-kaleidos-css",
-  "version": "3.17.0",
+  "version": "3.18.0",
   "description": "AppUniversum inspired Kaleidos CSS as a separate package.",
   "main": "auk-standalone.css",
   "scripts": {