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

fix: accessibility

Browse Source 
* delete `visibility: hidden;`
* set 1px height and width to radio and checkbox
* set background color
This commit is contained in:
kyu-suke 2019-06-30 22:47:30 +09:00
parent 1f3368512c
commit 3c2e25a320
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/form/checkboxes.scss
View File

@ -52,8 +52,11 @@
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
visibility: hidden;
background: $color-white;
width: 1px;
height: 1px;
border: 0;
& + span {
position: relative;
cursor: $cursor-click-url, pointer;
@ -83,6 +86,7 @@
@include pixelize(2px, $checkbox-checked-focus, $colors);
}
&.is-dark {
background: $base-color;
+ span {
color: $color-white;
}

7
scss/form/radios.scss
View File

@ -26,7 +26,11 @@
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
visibility: hidden;
background: $color-white;
width: 1px;
height: 1px;
border: 0;
& + span {
position: relative;
@ -53,6 +57,7 @@
@include pixelize(2px, $radio-checked-focus, $colors);
}
&.is-dark {
background: $base-color;
+ span {
color: $color-white;
}