perf(icons): fix pixelize for radio checkbox and list

ref #205
nostalgic-css · Dec 20, 2018 · ff74f17 · ff74f17
1 parent e78e07d
commit ff74f17
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 10 deletions.
diff --git a/scss/elements/checkboxes.scss b/scss/elements/checkboxes.scss
@@ -62,22 +62,23 @@
     position: absolute;
     top: -3px;
     left: -28px;
+    font-size: 2px;
     content: "";
   }
 
   // prettier-ignore
   & + span::before { /* stylelint-disable-line no-descending-specificity */
-    @include pixelize($checkbox, $colors, 2px);
+    @include pixelize($checkbox, $colors);
   }
   // prettier-ignore
   &:focus + span::before { /* stylelint-disable-line no-descending-specificity */
-    @include pixelize($checkbox-focus, $colors, 2px);
+    @include pixelize($checkbox-focus, $colors);
   }
 
   &:checked + span::before {
-    @include pixelize($checkbox-checked, $colors, 2px);
+    @include pixelize($checkbox-checked, $colors);
   }
   &:checked:focus + span::before {
-    @include pixelize($checkbox-checked-focus, $colors, 2px);
+    @include pixelize($checkbox-checked-focus, $colors);
   }
 }
diff --git a/scss/elements/lists.scss b/scss/elements/lists.scss
@@ -28,17 +28,19 @@
     position: absolute;
     top: calc(50% - 8px);
     left: -22px;
+    font-size: 2px;
     content: "";
 
-    @include pixelize($disc, $colors, 2px);
+    @include pixelize($disc, $colors);
   }
 
   &.is-circle li::before {
     position: absolute;
     top: calc(50% - 8px);
     left: -22px;
+    font-size: 2px;
     content: "";
 
-    @include pixelize($circle, $colors, 2px);
+    @include pixelize($circle, $colors);
   }
 }
diff --git a/scss/elements/radios.scss b/scss/elements/radios.scss
@@ -35,9 +35,10 @@
     position: absolute;
     top: -2px;
     left: -20px;
+    font-size: 2px;
     content: "";
 
-    @include pixelize($radio, $colors, 2px);
+    @include pixelize($radio, $colors);
   }
 
   &:checked:hover,
@@ -48,6 +49,6 @@
   }
 
   &:checked:focus + span::before {
-    @include pixelize($radio-checked-focus, $colors, 2px);
+    @include pixelize($radio-checked-focus, $colors);
   }
 }
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
@@ -47,8 +47,6 @@
     top: -1em;
     left: -1em;
     display: block;
-    width: 1em;
-    height: 1em;
     content: "";
     background: transparent;
   }