theme: switches

This commit is contained in:
Jakub Steiner 2014-10-08 16:14:15 +02:00 committed by Florian Müllner
parent bfbb442b9d
commit cdbb39b9e4
3 changed files with 29 additions and 45 deletions

View File

@ -131,6 +131,19 @@ StScrollBar {
&:focus:checked Stbin { background-image: url("checkbox-focused.svg"); }
}
/* Switches */
.toggle-switch {
width: 65px;
height: 22px;
background-size: contain;
}
@each $v in us, intl {
.toggle-switch-#{$v} {
background-image: url("toggle-off-#{$v}.svg");
&:checked { background-image: url("toggle-on-#{$v}.svg"); }
}
}
/* links */
.shell-link {

View File

@ -18,30 +18,6 @@
*/
/* Switches */
.toggle-switch {
width: 65px;
height: 22px;
}
.toggle-switch-us {
background-image: url("toggle-off-us.svg");
background-size: contain;
}
.toggle-switch-us:checked {
background-image: url("toggle-on-us.svg");
background-size: contain;
}
.toggle-switch-intl {
background-image: url("toggle-off-intl.svg");
background-size: contain;
}
.toggle-switch-intl:checked {
background-image: url("toggle-on-intl.svg");
background-size: contain;
}
/* Network */
.nm-dialog {

View File

@ -16,27 +16,6 @@
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Switches */
.toggle-switch {
width: 65px;
height: 22px; }
.toggle-switch-us {
background-image: url("toggle-off-us.svg");
background-size: contain; }
.toggle-switch-us:checked {
background-image: url("toggle-on-us.svg");
background-size: contain; }
.toggle-switch-intl {
background-image: url("toggle-off-intl.svg");
background-size: contain; }
.toggle-switch-intl:checked {
background-image: url("toggle-on-intl.svg");
background-size: contain; }
/* Network */
.nm-dialog {
max-height: 500px;
@ -1907,6 +1886,22 @@ StScrollBar {
.check-box:focus:checked Stbin {
background-image: url("checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
width: 65px;
height: 22px;
background-size: contain; }
.toggle-switch-us {
background-image: url("toggle-off-us.svg"); }
.toggle-switch-us:checked {
background-image: url("toggle-on-us.svg"); }
.toggle-switch-intl {
background-image: url("toggle-off-intl.svg"); }
.toggle-switch-intl:checked {
background-image: url("toggle-on-intl.svg"); }
/* links */
.shell-link {
color: #4a90d9; }