theme: checkboxes
This commit is contained in:
parent
f3a5571f46
commit
32dd326d19
@ -104,6 +104,21 @@ StScrollBar {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Check Boxes */
|
||||||
|
|
||||||
|
.check-box {
|
||||||
|
StBoxLayout { spacing: .8em; }
|
||||||
|
StBin {
|
||||||
|
width: 24px;
|
||||||
|
height: 22px;
|
||||||
|
background-image: url("checkbox-off.svg");
|
||||||
|
}
|
||||||
|
&:focus Stbin { background-image: url("checkbox-off-focused.svg"); }
|
||||||
|
&:checked Stbin { background-image: url("checkbox.svg"); }
|
||||||
|
&:focus:checked Stbin { background-image: url("checkbox-focused.svg"); }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* links */
|
/* links */
|
||||||
.shell-link {
|
.shell-link {
|
||||||
color: $link_color;
|
color: $link_color;
|
||||||
|
@ -21,29 +21,7 @@
|
|||||||
|
|
||||||
/* default text style */
|
/* default text style */
|
||||||
|
|
||||||
/* Check Boxes */
|
|
||||||
|
|
||||||
.check-box StBoxLayout {
|
|
||||||
spacing: .8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.check-box StBin {
|
|
||||||
width: 24px;
|
|
||||||
height: 22px;
|
|
||||||
background-image: url("checkbox-off.svg");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check-box:focus StBin {
|
|
||||||
background-image: url("checkbox-off-focused.svg");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check-box:checked StBin {
|
|
||||||
background-image: url("checkbox.svg");
|
|
||||||
}
|
|
||||||
|
|
||||||
.check-box:focus:checked StBin {
|
|
||||||
background-image: url("checkbox-focused.svg");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Slider */
|
/* Slider */
|
||||||
|
|
||||||
|
@ -18,24 +18,6 @@
|
|||||||
*/
|
*/
|
||||||
/* Text Styles */
|
/* Text Styles */
|
||||||
/* default text style */
|
/* default text style */
|
||||||
/* Check Boxes */
|
|
||||||
.check-box StBoxLayout {
|
|
||||||
spacing: .8em; }
|
|
||||||
|
|
||||||
.check-box StBin {
|
|
||||||
width: 24px;
|
|
||||||
height: 22px;
|
|
||||||
background-image: url("checkbox-off.svg"); }
|
|
||||||
|
|
||||||
.check-box:focus StBin {
|
|
||||||
background-image: url("checkbox-off-focused.svg"); }
|
|
||||||
|
|
||||||
.check-box:checked StBin {
|
|
||||||
background-image: url("checkbox.svg"); }
|
|
||||||
|
|
||||||
.check-box:focus:checked StBin {
|
|
||||||
background-image: url("checkbox-focused.svg"); }
|
|
||||||
|
|
||||||
/* Slider */
|
/* Slider */
|
||||||
.slider {
|
.slider {
|
||||||
height: 1em;
|
height: 1em;
|
||||||
@ -1907,6 +1889,20 @@ StScrollBar {
|
|||||||
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||||
background-color: #215d9c; }
|
background-color: #215d9c; }
|
||||||
|
|
||||||
|
/* Check Boxes */
|
||||||
|
.check-box StBoxLayout {
|
||||||
|
spacing: .8em; }
|
||||||
|
.check-box StBin {
|
||||||
|
width: 24px;
|
||||||
|
height: 22px;
|
||||||
|
background-image: url("checkbox-off.svg"); }
|
||||||
|
.check-box:focus Stbin {
|
||||||
|
background-image: url("checkbox-off-focused.svg"); }
|
||||||
|
.check-box:checked Stbin {
|
||||||
|
background-image: url("checkbox.svg"); }
|
||||||
|
.check-box:focus:checked Stbin {
|
||||||
|
background-image: url("checkbox-focused.svg"); }
|
||||||
|
|
||||||
/* links */
|
/* links */
|
||||||
.shell-link {
|
.shell-link {
|
||||||
color: #4a90d9; }
|
color: #4a90d9; }
|
||||||
|
Loading…
Reference in New Issue
Block a user