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

👍 focus時のradioをスタイルを修正

Browse Source
This commit is contained in:
BcRikko
2018-11-29 12:28:32 +09:00
parent 8451cea4d9
commit 7fb5cda2dd
3 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
scss/elements/radios.scss
View File

@@ -9,7 +9,17 @@
(1,1,1,1,0,0),
(1,1,0,0,0,0),
);
$colors: ($base-color);
// prettier-ignore
$radio-checked-focus: (
(2,2,0,0,0,0),
(2,2,2,2,0,0),
(2,2,2,2,2,0),
(2,2,2,2,2,2),
(2,2,2,2,2,0),
(2,2,2,2,0,0),
(2,2,0,0,0,0),
);
$colors: ($base-color, #adafbc);
margin-right: 20px;
-webkit-appearance: none;
@@ -29,4 +39,7 @@
@include pixelize($radio, $colors, 2px);
}
&:checked:focus + span::before {
@include pixelize($radio-checked-focus, $colors, 2px);
}
}