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

fix: fix pixelize for form elements

Browse Source 
fix #262
This commit is contained in:
BcRikko
2019-01-29 21:15:18 +09:00
parent 377286a5d1
commit 913766ad89
6 changed files with 32 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scss/form/checkboxes.scss
View File

@@ -62,23 +62,22 @@
position: absolute;
top: -3px;
left: -28px;
font-size: 2px;
content: "";
}
// prettier-ignore
& + span::before { /* stylelint-disable-line no-descending-specificity */
@include pixelize($checkbox, $colors);
@include pixelize(2px, $checkbox, $colors);
}
// prettier-ignore
&:focus + span::before { /* stylelint-disable-line no-descending-specificity */
@include pixelize($checkbox-focus, $colors);
@include pixelize(2px, $checkbox-focus, $colors);
}
&:checked + span::before {
@include pixelize($checkbox-checked, $colors);
@include pixelize(2px, $checkbox-checked, $colors);
}
&:checked:focus + span::before {
@include pixelize($checkbox-checked-focus, $colors);
@include pixelize(2px, $checkbox-checked-focus, $colors);
}
}

5
scss/form/radios.scss
View File

@@ -35,10 +35,9 @@
position: absolute;
top: -2px;
left: -20px;
font-size: 2px;
content: "";
@include pixelize($radio, $colors);
@include pixelize(2px, $radio, $colors);
}
&:checked:hover,
@@ -49,6 +48,6 @@
}
&:checked:focus + span::before {
@include pixelize($radio-checked-focus, $colors);
@include pixelize(2px, $radio-checked-focus, $colors);
}
}

3
scss/form/selects.scss
View File

@@ -31,12 +31,11 @@
}
&::after {
@include pixelize($dropdown, $colors);
@include pixelize(3px, $dropdown, $colors);
position: absolute;
top: calc(50% - 11px);
right: 36px;
font-size: 3px;
pointer-events: none;
content: "";
}