mirror of
https://github.com/nostalgic-css/NES.css.git
synced 2025-08-29 08:50:06 +02:00
Merge branch 'develop' into add-psone-controller-icon
This commit is contained in:
@@ -5,8 +5,9 @@ $font-size: 16px !default;
|
||||
$base-color: $color-black;
|
||||
$background-color: $color-white;
|
||||
|
||||
$cursor-url: url(https://unpkg.com/nes.css/assets/cursor.png);
|
||||
$cursor-click-url: url(https://unpkg.com/nes.css/assets/cursor-click.png);
|
||||
$cursor-url: url(../assets/cursor.png);
|
||||
$cursor-click-url: url(../assets/cursor-click.png);
|
||||
|
||||
$border-size: 4px;
|
||||
|
||||
$default-colors: (
|
||||
|
@@ -46,6 +46,7 @@
|
||||
(2,2,2,2,2,2,2,2,0,0)
|
||||
);
|
||||
$colors: ($base-color, map-get($default-colors, "shadow"));
|
||||
$colors-checkbox-dark: ($color-white, map-get($default-colors, "shadow"));
|
||||
|
||||
margin-left: 28px;
|
||||
-webkit-appearance: none;
|
||||
@@ -80,4 +81,24 @@
|
||||
&:checked:focus + span::before {
|
||||
@include pixelize(2px, $checkbox-checked-focus, $colors);
|
||||
}
|
||||
&.is-dark {
|
||||
+ span {
|
||||
color: $color-white;
|
||||
}
|
||||
// prettier-ignore
|
||||
+ span::before { /* stylelint-disable-line no-descending-specificity */
|
||||
color: $color-white;
|
||||
}
|
||||
|
||||
&:checked + span::before {
|
||||
@include pixelize(2px, $checkbox-checked-focus, $colors-checkbox-dark);
|
||||
|
||||
color: $color-white;
|
||||
}
|
||||
&:checked:focus + span::before {
|
||||
@include pixelize(2px, $checkbox-checked-focus, $colors-checkbox-dark);
|
||||
|
||||
color: $color-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user