mirror of
https://github.com/vinceliuice/WhiteSur-gtk-theme.git
synced 2025-06-08 00:13:02 +00:00
34 lines
770 B
SCSS
34 lines
770 B
SCSS
/* Check Boxes */
|
|
|
|
.check-box {
|
|
StBoxLayout { spacing: .8em; }
|
|
StBin {
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: ($medium_size - 24px) / 2;
|
|
border-radius: 100px;
|
|
background-image: url("assets/checkbox-off.svg");
|
|
}
|
|
&:focus StBin {
|
|
background-image: url("assets/checkbox-off.svg");
|
|
}
|
|
&:hover StBin {
|
|
background-color: $divider_color;
|
|
}
|
|
&:active StBin {
|
|
background-color: $track_color;
|
|
}
|
|
&:checked StBin {
|
|
background-image: url("assets/checkbox.svg");
|
|
}
|
|
&:focus:checked StBin {
|
|
background-image: url("assets/checkbox.svg");
|
|
}
|
|
&:hover:checked StBin {
|
|
background-color: rgba($primary_color, $lower_opacity / 2);
|
|
}
|
|
&:active:checked StBin {
|
|
background-color: rgba($primary_color, $lower_opacity);
|
|
}
|
|
}
|