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

Style focused button; improve focused radio

Browse Source
This commit is contained in:
Alfonso Gómez-Arzola
2018-11-29 09:00:27 -05:00
parent eee2e0e113
commit 6440fa99ad
5 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
scss/elements/buttons.scss
View File

@@ -3,7 +3,8 @@
background-color: $background;
box-shadow: inset -4px -4px $shadow;
&:hover {
&:hover,
&:focus {
background-color: $hover-background;
box-shadow: inset -6px -6px $shadow;
}

9
scss/elements/radios.scss
View File

@@ -36,10 +36,17 @@
top: -2px;
left: -20px;
content: "";
animation: blink 1s infinite steps(1);
@include pixelize($radio, $colors, 2px);
}
&:checked:hover,
&:checked:focus {
& + span::before {
animation: blink 1s infinite steps(1);
}
}
&:checked:focus + span::before {
@include pixelize($radio-checked-focus, $colors, 2px);
}