pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

refactor: improve checkbox style

Browse source
This commit is contained in:
Kim, Jimin 2023-07-29 00:26:57 +09:00
parent ce81f5d59c
commit a99b08aea5
Signed by: pomp
GPG key ID: CE1DDB8A4A765403
1 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
apps/blog/src/styles/checkbox.scss
View file

@ -4,10 +4,19 @@ input[type="checkbox"] {
height: 13px; height: 13px;
} }
input[type="checkbox"][disabled][checked] { :not(.dark) {
filter: invert(100%) brightness(5); input[type="checkbox"][disabled] {
filter: invert(20%);
}
input[type="checkbox"][disabled][checked] {
filter: invert(97%) brightness(2);
}
} }
input[type="checkbox"][disabled] { :is(.dark) {
input[type="checkbox"][disabled],
input[type="checkbox"][disabled][checked] {
filter: invert(100%) brightness(5); filter: invert(100%) brightness(5);
}
} }