mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-31 09:41:47 +02:00
Code Issues Releases Wiki Activity

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

Browse Source 
ref #205
This commit is contained in:
jjspace
2018-12-19 19:35:22 -05:00
parent e78e07d9fe
commit ff74f17e83
4 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scss/elements/checkboxes.scss
View File

@@ -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);
}
}

6
scss/elements/lists.scss
View File

@@ -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);
}
}

5
scss/elements/radios.scss
View File

@@ -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);
}
}