aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.16/sass
diff options
context:
space:
mode:
authorHorst31802016-01-24 16:52:09 +0100
committerHorst31802016-01-24 16:52:09 +0100
commit3648a7788c24c7e259585cd20060d9fd259c534e (patch)
tree9846f5e5afb80a8a5ae270dc20f4551ca764e538 /common/gtk-3.0/3.16/sass
parent22f68ab8633484ae8169baa433c5a726d35910d0 (diff)
downloadsolarc-theme-3648a7788c24c7e259585cd20060d9fd259c534e.tar.gz
solarc-theme-3648a7788c24c7e259585cd20060d9fd259c534e.tar.xz
solarc-theme-3648a7788c24c7e259585cd20060d9fd259c534e.zip
refactor titlebutton styling
Diffstat (limited to 'common/gtk-3.0/3.16/sass')
-rw-r--r--common/gtk-3.0/3.16/sass/_common.scss23
1 files changed, 7 insertions, 16 deletions
diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss
index 2b6c24b..6421ad6 100644
--- a/common/gtk-3.0/3.16/sass/_common.scss
+++ b/common/gtk-3.0/3.16/sass/_common.scss
@@ -2816,9 +2816,7 @@ GtkVolumeButton.button { padding: 8px; }
&:active, &:checked {
@include button(header-active);
}
-
&.close, &.maximize, &.minimize {
-
color: transparent;
background-color: transparent;
background-position: center;
@@ -2827,21 +2825,14 @@ GtkVolumeButton.button { padding: 8px; }
&:backdrop { opacity: 1; }
}
+ // Load png assets for each button
+ @each $k in ('close','maximize', 'minimize') {
+ @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') {
- &.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); }
- &.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); }
- &.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); }
- &.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); }
-
- &.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); }
- &.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); }
- &.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); }
- &.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); }
-
- &.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); }
- &.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); }
- &.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); }
- &.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); }
+ &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'),
+ url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); }
+ }
+ }
}
}