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 | |||||