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

feat(form): add "is-disabled" class with form

Browse Source
This commit is contained in:
markcytian
2021-05-11 13:20:30 +08:00
parent 444faf05d1
commit c4aec38674
4 changed files with 78 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
scss/form/checkboxes.scss
View File

@@ -103,4 +103,32 @@
color: $color-white;
}
}
&.is-disabled {
$color: map-get($disabled-colors, "normal");
$colors-radio-disabled: ($color, map-get($disabled-colors, "shadow"));
+ span {
color: $color;
cursor: not-allowed;
}
/* stylelint-disable-next-line no-descending-specificity */
+ span::before {
color: $color;
cursor: not-allowed;
}
/* stylelint-disable-next-line no-descending-specificity */
&:checked + span::before {
@include pixelize(2px, $checkbox-checked-focus, $colors-radio-disabled);
color: $color;
}
&:checked:focus + span::before {
@include pixelize(2px, $checkbox-checked-focus, $colors-radio-disabled);
color: $color;
}
}
}