mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-16 19:24:00 +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
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; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
visibility: hidden;
background: $color-white;
width: 1px;
height: 1px;
border: 0;
& + span { & + span {
position: relative; position: relative;
cursor: $cursor-click-url, pointer; cursor: $cursor-click-url, pointer;
@@ -83,6 +86,7 @@
@include pixelize(2px, $checkbox-checked-focus, $colors); @include pixelize(2px, $checkbox-checked-focus, $colors);
} }
&.is-dark { &.is-dark {
background: $base-color;
+ span { + span {
color: $color-white; color: $color-white;
} }

7
scss/form/radios.scss
View File

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