Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_switch.scss
| 1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
|---|---|---|---|---|---|
| 2 | 2 | | |||
| 3 | /********** | 3 | /********** | ||
| 4 | * Switch * | 4 | * Switch * | ||
| 5 | **********/ | 5 | **********/ | ||
| 6 | 6 | | |||
| 7 | switch { | 7 | switch { | ||
| 8 | margin: 2px; | 8 | margin: 2px; | ||
| 9 | font-weight: bold; | 9 | font-weight: bold; | ||
| 10 | font-size: smaller; | 10 | font-size: smaller; | ||
| 11 | min-width: 48px; | 11 | min-width: 48px; | ||
| 12 | min-height: 24px; | 12 | min-height: 24px; | ||
| 13 | border: 0px solid; | 13 | border: 0px solid; | ||
| 14 | border-radius: 12px; | 14 | border-radius: 12px; | ||
| 15 | color: transparent; | 15 | color: transparent; | ||
| 16 | background-color: gtkalpha("@theme_button_foreground_normal",0.3); | 16 | background-color: gtkalpha(gtk("@theme_button_foreground_normal"),0.3); | ||
| 17 | text-shadow: none; | 17 | text-shadow: none; | ||
| 18 | 18 | | |||
| 19 | &:checked { | 19 | &:checked { | ||
| 20 | background-color: gtk("@theme_selected_bg_color"); | 20 | background-color: gtk("@theme_selected_bg_color"); | ||
| 21 | } | 21 | } | ||
| 22 | 22 | | |||
| 23 | &:backdrop { | 23 | &:backdrop { | ||
| 24 | background-color: gtkalpha("@theme_button_foreground_backdrop", 0.3); | 24 | background-color: gtkalpha(gtk("@theme_button_foreground_backdrop"), 0.3); | ||
| 25 | text-shadow: none; | 25 | text-shadow: none; | ||
| 26 | 26 | | |||
| 27 | &:checked { | 27 | &:checked { | ||
| 28 | background-color: gtk("@theme_unfocused_selected_bg_color_alt"); | 28 | background-color: gtk("@theme_unfocused_selected_bg_color_alt"); | ||
| 29 | } | 29 | } | ||
| 30 | } | 30 | } | ||
| 31 | 31 | | |||
| 32 | slider { | 32 | slider { | ||
| Show All 22 Lines | |||||