theme: checkboxes

This commit is contained in:
Jakub Steiner 2014-10-08 15:09:09 +02:00 committed by Carlos Soriano
parent f3a5571f46
commit 32dd326d19
3 changed files with 29 additions and 40 deletions

View File

@ -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 */
.shell-link {
color: $link_color;

View File

@ -21,29 +21,7 @@
/* 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 */

View File

@ -18,24 +18,6 @@
*/
/* Text Styles */
/* 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 {
height: 1em;
@ -1907,6 +1889,20 @@ StScrollBar {
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
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 */
.shell-link {
color: #4a90d9; }