2019-12-18 16:25:03 -05:00
|
|
|
/* Switches */
|
|
|
|
|
|
|
|
|
|
// these are equal to the size of the SVG assets
|
2021-12-28 08:46:54 -05:00
|
|
|
$switch_height: 26px;
|
|
|
|
|
$switch_width: 48px;
|
2019-12-18 16:25:03 -05:00
|
|
|
|
|
|
|
|
.toggle-switch {
|
2019-12-19 10:38:27 -05:00
|
|
|
color: $fg_color;
|
|
|
|
|
height: $switch_height;
|
|
|
|
|
width: $switch_width;
|
|
|
|
|
background-size: contain;
|
2022-01-17 11:44:25 -05:00
|
|
|
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off-light.svg"),url("resource:///org/gnome/shell/theme/toggle-off.svg"));
|
2019-12-19 10:38:27 -05:00
|
|
|
&:checked {
|
2022-01-17 11:44:25 -05:00
|
|
|
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on-light.svg"),url("resource:///org/gnome/shell/theme/toggle-on.svg"));
|
2019-12-19 10:38:27 -05:00
|
|
|
}
|
2022-02-02 13:17:42 -05:00
|
|
|
}
|
