() fix icon before and after selectors

City-of-Helsinki · May 8, 2024 · 6f0636e · 6f0636e
1 parent f46451c
commit 6f0636e
Showing 1 changed file with 22 additions and 26 deletions.
diff --git a/packages/core/src/icons/icon.css b/packages/core/src/icons/icon.css
@@ -33,32 +33,28 @@
   --icon-size: var(--spacing-layout-l);
 }
 
-[class*="hds-icon-start--"] {
-  &:before {  
-    background-color: currentcolor;
-    content: "";
-    display: inline-flex;
-    height: var(--icon-size, 24px);
-    -webkit-mask-image: var(--mask-image-before);
-    mask-image: var(--mask-image-before);
-    mask-position: center;
-    mask-repeat: no-repeat;
-    mask-size: contain;
-    width: var(--icon-size, 24px);
-  }
+[class*="hds-icon-start--"]:before {  
+  background-color: currentcolor;
+  content: "";
+  display: inline-flex;
+  height: var(--icon-size, 24px);
+  -webkit-mask-image: var(--mask-image-before);
+  mask-image: var(--mask-image-before);
+  mask-position: center;
+  mask-repeat: no-repeat;
+  mask-size: contain;
+  width: var(--icon-size, 24px);
 }
 
-[class*="hds-icon-end--"] {
-  &:after {
-    background-color: currentcolor;
-    content: "";
-    display: inline-flex;
-    height: var(--icon-size, 24px);
-    -webkit-mask-image: var(--mask-image-after);
-    mask-image: var(--mask-image-after);
-    mask-position: center;
-    mask-repeat: no-repeat;
-    mask-size: contain;
-    width: var(--icon-size, 24px);
-  }
+[class*="hds-icon-end--"]:after {
+  background-color: currentcolor;
+  content: "";
+  display: inline-flex;
+  height: var(--icon-size, 24px);
+  -webkit-mask-image: var(--mask-image-after);
+  mask-image: var(--mask-image-after);
+  mask-position: center;
+  mask-repeat: no-repeat;
+  mask-size: contain;
+  width: var(--icon-size, 24px);
 }