Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_menus.scss
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
---|---|---|---|---|---|
2 | 2 | | |||
3 | @mixin item-highlight { | 3 | @mixin item-highlight { | ||
4 | @if $new-highlight { | 4 | @if $new-highlight { | ||
5 | background-color: gtk("@theme_selected_bg_color"); | 5 | background-color: gtk("@theme_selected_bg_color"); | ||
6 | color: gtk("@theme_button_foreground_active"); | 6 | color: gtk("@theme_button_foreground_active"); | ||
7 | border: 1px solid gtk("@theme_button_decoration_focus"); | 7 | border: 1px solid gtk("@theme_button_decoration_focus"); | ||
8 | border-radius: 3px; | ||||
8 | } @else { | 9 | } @else { | ||
9 | background-color: gtk("@theme_button_decoration_focus"); | 10 | background-color: gtk("@theme_button_decoration_focus"); | ||
10 | color: gtk("@theme_button_foreground_active") | 11 | color: gtk("@theme_button_foreground_active") | ||
11 | } | 12 | } | ||
12 | border-radius: 3px; | | |||
13 | } | 13 | } | ||
14 | 14 | | |||
15 | /********* | 15 | /********* | ||
16 | * Menus * | 16 | * Menus * | ||
17 | *********/ | 17 | *********/ | ||
18 | 18 | | |||
19 | menubar, | 19 | menubar, | ||
20 | .menubar { | 20 | .menubar { | ||
▲ Show 20 Lines • Show All 179 Lines • ▼ Show 20 Line(s) | |||||
200 | &:selected { | 200 | &:selected { | ||
201 | background-color: gtk("@theme_button_decoration_focus"); | 201 | background-color: gtk("@theme_button_decoration_focus"); | ||
202 | color: gtk("@theme_button_foreground_active"); | 202 | color: gtk("@theme_button_foreground_active"); | ||
203 | } | 203 | } | ||
204 | &:backdrop, &:backdrop:hover { | 204 | &:backdrop, &:backdrop:hover { | ||
205 | @extend %undecorated_button; | 205 | @extend %undecorated_button; | ||
206 | color: gtk("@theme_unfocused_fg_color"); | 206 | color: gtk("@theme_unfocused_fg_color"); | ||
207 | } | 207 | } | ||
208 | check:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-unchecked.png"), url("../assets/check-unchecked@2.png"));} | 208 | check, radio { | ||
209 | radio:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png"));} | 209 | -gtk-icon-palette: error gtk("@theme_button_decoration_focus"), success gtk("@borders"), warning gtk("@theme_button_background_normal"); | ||
210 | 210 | -gtk-icon-shadow: 1px 1px rgba(35,38,41,0.2); | |||
211 | check:checked:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-checked-active.png"), url("../assets/check-checked-active@2.png"));} | | |||
212 | radio:checked:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-checked-active.png"), url("../assets/radio-checked-active@2.png"));} | | |||
213 | 211 | | |||
214 | check:indeterminate:hover {-gtk-icon-source: -gtk-scaled(url("../assets/check-mixed.png"), url("../assets/check-mixed@2.png"));} | 212 | &:hover { | ||
215 | radio:indeterminate:hover {-gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@2.png"));} | 213 | -gtk-icon-palette: error gtk("@theme_button_decoration_focus"), success gtk("@theme_button_decoration_focus"), warning gtk("@theme_button_background_normal"); | ||
214 | } | ||||
215 | &:disabled { | ||||
216 | -gtk-icon-palette: error gtk("@theme_button_decoration_focus_insensitive"), success gtk("@insensitive_borders"), warning gtk("@theme_button_background_insensitive"); | ||||
217 | } | ||||
218 | } | ||||
219 | @each $type in ('check', 'radio') { | ||||
220 | #{$type} { | ||||
221 | -gtk-icon-source: -gtk-recolor(url("../assets/breeze-#{$type}-unchecked-symbolic.svg")); | ||||
222 | @each $state in ('checked', 'indeterminate') { | ||||
223 | &:#{$state} { | ||||
224 | -gtk-icon-source: -gtk-recolor(url("../assets/breeze-#{$type}-#{$state}-symbolic.svg")); | ||||
225 | } | ||||
226 | } | ||||
227 | } | ||||
228 | } | ||||
216 | 229 | | |||
217 | // FIXME: remove the following when the checks/radios rewrite lands | 230 | // FIXME: remove the following when the checks/radios rewrite lands | ||
218 | check:last-child, | 231 | check:last-child, | ||
219 | radio:last-child { margin-right: 0px; } | 232 | radio:last-child { margin-right: 0px; } | ||
220 | 233 | | |||
221 | check:first-child, | 234 | check:first-child, | ||
222 | radio:first-child { margin-left: 0px; } | 235 | radio:first-child { margin-left: 0px; } | ||
223 | &:active check, &:active radio { | 236 | &:active check, &:active radio { | ||
▲ Show 20 Lines • Show All 78 Lines • Show Last 20 Lines |