annotate gtk-3.20/_drawing.scss @ 92:0b703b590fea

Added tag v1.0.6 for changeset 240e408b8c7f
author IBBoard <dev@ibboard.co.uk>
date Sun, 13 Oct 2019 13:50:00 +0100
parents d49665775e8b
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
1 // Drawing mixins
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
2
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
3 // generic drawing of more complex things
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
4
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
5 @function _widget_edge($c:$borders_edge) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
6 // outer highlight "used" on most widgets
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
7 @if $c == none { @return none; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
8 @else { @return 0 1px $c; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
9 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
10
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
11 @mixin _shadows($list...) {
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
12 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
13 // Helper mixin to stack up to box-shadows;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
14 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
15 $shadows: null;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
16
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
17 @each $shadow in $list {
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
18 @if $shadow!=none { $shadows: $shadows, $shadow; }
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
19 }
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
20
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
21 box-shadow: $shadows;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
22 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
23
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
24 // entries
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
25 @function entry_focus_border($fc:$selected_bg_color) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
26 @if $variant == 'light' { @return $fc; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
27 @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
28 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
29
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
30 @function entry_focus_shadow($fc:$selected_bg_color) { @return inset 0 0 0 1px $fc; }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
31
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
32 @mixin entry($t, $fc:$selected_bg_color, $edge: none) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
33 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
34 // Entries drawing function
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
35 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
36 // $t: entry type
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
37 // $fc: focus color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
38 // $edge: set to none to not draw the bottom edge or specify a color to not
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
39 // use the default one
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
40 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
41 // possible $t values:
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
42 // normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
43 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
44
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
45 $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
46 $_entry_edge: if($edge == none, none, _widget_edge($edge));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
47
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
48 @if $t==normal {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
49 color: $text_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
50 border-color: $borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
51 background-color: $base_color;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
52 @include _shadows(entry_focus_shadow(transparentize($fc, 1)), $_entry_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
53 // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here.
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
54 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
55 @if $t==focus {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
56 @include _shadows(entry_focus_shadow($fc), $_entry_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
57 border-color: entry_focus_border($fc);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
58 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
59 @if $t==insensitive {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
60 color: $insensitive_fg_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
61 border-color: $borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
62 background-color: $insensitive_bg_color;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
63 box-shadow: $_entry_edge;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
64 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
65 @if $t==backdrop {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
66 color: $backdrop_text_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
67 border-color: $backdrop_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
68 background-color: $backdrop_base_color;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
69 box-shadow: $_blank_edge;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
70 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
71 @if $t==backdrop-insensitive {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
72 color: $backdrop_insensitive_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
73 border-color: $backdrop_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
74 background-color: $insensitive_bg_color;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
75 box-shadow: $_blank_edge;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
76 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
77 @if $t==osd {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
78 color: $osd_text_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
79 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
80 background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
81 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
82 box-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
83 text-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
84 -gtk-icon-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
85 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
86 @if $t==osd-focus {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
87 color: $osd_text_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
88 border-color: $selected_bg_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
89 background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
90 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
91 box-shadow: entry_focus_shadow($fc);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
92 text-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
93 -gtk-icon-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
94 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
95 @if $t==osd-insensitive {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
96 color: $osd_insensitive_fg_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
97 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
98 background-color: $osd_insensitive_bg_color;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
99 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
100 box-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
101 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
102 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
103 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
104 @if $t==osd-backdrop {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
105 color: $osd_text_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
106 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
107 background-color: transparentize(opacify($osd_borders_color, 1), 0.5);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
108 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
109 box-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
110 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
111 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
112 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
113 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
114
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
115 // buttons
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
116
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
117 @function _border_color($c, $darker: false) {
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
118 @if $darker == true { @return darken($c, 30%); }
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
119 @else { @return darken($c, 20%); }
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
120 }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
121
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
122 @function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
123 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
124 // calculate the color of text shadows
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
125 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
126 // $tc is the text color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
127 // $bg is the background color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
128 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
129 $_lbg: lightness($bg)/100%;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
130 @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
131 @else { @return transparentize(black, $_lbg*0.8); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
132 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
133
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
134 @function _button_hilight_color($c) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
135 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
136 // calculate the right top hilight color for buttons
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
137 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
138 // $c: base color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
139 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
140 @if lightness($c)>95% { @return white; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
141 @else if lightness($c)>90% { @return transparentize(white, 0.2); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
142 @else if lightness($c)>80% { @return transparentize(white, 0.4); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
143 @else if lightness($c)>50% { @return transparentize(white, 0.6); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
144 @else if lightness($c)>40% { @return transparentize(white, 0.8); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
145 @else { @return transparentize(white, 0.95); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
146 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
147
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
148 @mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
149 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
150 // helper function for the text emboss effect
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
151 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
152 // $tc is the optional text color, not the shadow color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
153 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
154 // TODO: this functions needs a way to deal with special cases
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
155 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
156
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
157 $_shadow: _text_shadow_color($tc, $bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
158
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
159 @if lightness($tc)<50% {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
160 text-shadow: 0 1px $_shadow;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
161 -gtk-icon-shadow: 0 1px $_shadow;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
162 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
163 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
164 text-shadow: 0 -1px $_shadow;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
165 -gtk-icon-shadow: 0 -1px $_shadow;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
166 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
167 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
168
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
169 @mixin button($t, $c:$bg_color, $tc:$fg_color, $edge: none) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
170 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
171 // Button drawing function
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
172 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
173 // $t: button type,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
174 // $c: base button color for colored* types
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
175 // $tc: optional text color for colored* types
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
176 // $edge: set to none to not draw the bottom edge or specify a color to not
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
177 // use the default one
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
178 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
179 // possible $t values:
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
180 // normal, hover, active, insensitive, insensitive-active,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
181 // backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
182 // osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
183 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
184 // This mixin sets the $button_fill global variable which containts the button background-image
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
185 //
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
186 $_hilight_color: _button_hilight_color($c);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
187 $_button_edge: if($edge == none, none, _widget_edge($edge));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
188 $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1)));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
189
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
190 @if $t==normal {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
191 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
192 // normal button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
193 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
194 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
195 outline-color: transparentize($tc, 0.7);
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
196 border-color: if($c != $bg_color, _border_color($c), $borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
197 border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
198 $button_fill: if($variant == 'light', linear-gradient(to bottom, $c, darken($c, 4%) 60%, darken($c, 10%)),
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
199 linear-gradient(to bottom, darken($c, 2%), darken($c, 4%) 60%, darken($c, 6%))) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
200 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
201 @include _button_text_shadow($tc, $c);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
202 @include _shadows(inset 0 1px $_hilight_color, $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
203 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
204
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
205 @else if $t==hover {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
206 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
207 // hovered button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
208 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
209 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
210 outline-color: transparentize($tc, 0.7);
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
211 border-color: if($c != $bg_color, _border_color($c), $borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
212 border-bottom-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
213 @if $variant == 'light' {
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
214 $button_fill: linear-gradient(to bottom, lighten($c, 6%), $c 60%, darken($c, 4%)) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
215 @include _button_text_shadow($tc, lighten($c, 6%));
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
216 @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)), $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
217 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
218 @else {
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
219 $button_fill: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, darken($c, 4%)) !global;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
220 @include _button_text_shadow($tc,lighten($c, 6%));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
221 @include _shadows(inset 0 1px _button_hilight_color(darken($c, 2%)), $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
222 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
223 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
224 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
225
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
226 @if $t==normal-alt {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
227 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
228 // normal button alternative look
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
229 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
230 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
231 outline-color: transparentize($tc, 0.7);
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
232 border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
233 @include _button_text_shadow($tc, $c);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
234 @if $variant == 'light' {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
235 background-image: linear-gradient(to bottom, lighten($c, 5%) 20%, $c 90%);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
236 @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
237 inset 0 -2px lighten($c, 2%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
238 inset 0 -1px darken($c, 12%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
239 $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
240 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
241 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
242 background-image: linear-gradient(to bottom, darken($c, 3%) 20%, darken($c, 6%) 90%);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
243 @include _shadows(inset 0 1px $_hilight_color,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
244 inset 0 -2px darken($c, 4%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
245 inset 0 -1px darken($c, 9%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
246 $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
247 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
248 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
249
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
250 @else if $t==hover-alt {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
251 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
252 // hovered button alternative look
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
253 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
254 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
255 outline-color: transparentize($tc, 0.7);
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
256 border-color: if($c != $bg_color, _border_color($c, true), $alt_borders_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
257 @if $variant == 'light' {
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
258 $button_fill: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
259 @include _shadows(inset 0 1px _button_hilight_color(lighten($c, 6%)),
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
260 inset 0 -2px lighten($c, 5%),
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
261 inset 0 -1px darken($c, 10%),
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
262 $_button_edge);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
263 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
264 @else {
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
265 $button_fill: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%) !global;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
266 @include _shadows(inset 0 1px $_hilight_color,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
267 inset 0 -2px darken($c, 3%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
268 inset 0 -1px darken($c, 6%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
269 $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
270 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
271 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
272 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
273
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
274 @else if $t==active {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
275 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
276 // pushed button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
277 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
278 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
279 outline-color: transparentize($tc, 0.7);
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
280 border-color: if($c != $bg_color, _border_color($c), $borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
281 $button_fill: image(darken($c, 6%)) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
282 background-image: $button_fill;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
283 @include _shadows(inset 0 1px transparentize($_hilight_color, 1), $_button_edge);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
284
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
285 text-shadow: none;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
286 -gtk-icon-shadow: none;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
287 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
288
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
289 @else if $t==insensitive {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
290 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
291 // insensitive button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
292 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
293 $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
294
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
295 label, & { color: if($tc != $fg_color, mix($tc, $_bg, 50%), $insensitive_fg_color); }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
296
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
297 border-color: if($c != $bg_color, _border_color($c), $insensitive_borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
298 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
299 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
300 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
301 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
302 // white with 0 alpha to avoid an ugly transition, since no color means
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
303 // black with 0 alpha
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
304 @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
305 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
306
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
307 @else if $t==insensitive-active {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
308 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
309 // insensitive pushed button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
310 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
311 $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%));
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
312 $_bc: if($c != $bg_color, _border_color($c), $insensitive_borders_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
313
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
314 label, & { color: if($c != $bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
315
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
316 border-color: $_bc;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
317 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
318 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
319 // white with 0 alpha to avoid an ugly transition, since no color means
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
320 // black with 0 alpha
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
321 @include _shadows(inset 0 1px transparentize(white, 1), $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
322 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
323
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
324 @else if $t==backdrop {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
325 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
326 // backdrop button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
327 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
328 $_bg: if($c != $bg_color, $c, $backdrop_bg_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
329 $_bc: if($variant == 'light', $c, _border_color($c));
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
330
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
331 label, & { color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
332
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
333 border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
334 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
335 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
336 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
337 -gtk-icon-shadow: none;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
338 @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
339 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
340
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
341 @else if $t==backdrop-active {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
342 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
343 // backdrop pushed button
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
344 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
345 $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%));
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
346 $_bc: if($variant == 'light', $_bg ,_border_color($c));
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
347
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
348 label, & { color: if($tc != $fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
349
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
350 border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
351 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
352 background-image: $button_fill;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
353 @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
354 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
355
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
356 @else if $t==backdrop-insensitive {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
357 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
358 // backdrop insensitive button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
359 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
360
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
361 $_bg: if($c != $bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
362 $_bc: if($variant == 'light', $_bg,_border_color($c));
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
363
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
364 label, & { color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
365
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
366 border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
367 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
368 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
369 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
370 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
371 // white with 0 alpha to avoid an ugly transition, since no color means
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
372 // black with 0 alpha
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
373 @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
374 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
375
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
376 @else if $t==backdrop-insensitive-active {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
377 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
378 // backdrop insensitive pushed button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
379 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
380
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
381 $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 4%));
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
382 $_bc: if($variant == 'light', $_bg, _border_color($c));
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
383
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
384 label { color: if($c != $bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
385
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
386 border-color: if($c != $bg_color, $_bc, $backdrop_borders_color);
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
387 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
388 background-image: $button_fill;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
389 @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
390 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
391
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
392 @else if $t==osd {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
393 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
394 // normal osd button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
395 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
396 $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
397
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
398 color: $osd_fg_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
399 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
400 background-color: transparent;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
401 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
402 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
403 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
404 box-shadow: inset 0 1px transparentize(white, 0.9);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
405 text-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
406 -gtk-icon-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
407 outline-color: transparentize($osd_fg_color, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
408 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
409
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
410 @else if $t==osd-hover {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
411 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
412 // active osd button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
413 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
414 $_bg: if($c != $bg_color, transparentize($c, 0.3), lighten($osd_bg_color, 12%));
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
415
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
416 color: white;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
417 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
418 background-color: transparent;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
419 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
420 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
421 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
422 box-shadow: inset 0 1px transparentize(white, 0.9);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
423 text-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
424 -gtk-icon-shadow: 0 1px black;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
425 outline-color: transparentize($osd_fg_color, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
426 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
427
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
428 @else if $t==osd-active {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
429 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
430 // active osd button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
431 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
432 $_bg: if($c != $bg_color, $c, $osd_borders_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
433
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
434 color: white;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
435 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
436 background-color: transparent;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
437 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
438 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
439 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
440 box-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
441 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
442 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
443 outline-color: transparentize($osd_fg_color, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
444 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
445
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
446 @else if $t==osd-insensitive {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
447 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
448 // insensitive osd button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
449 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
450 color: $osd_insensitive_fg_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
451 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
452 background-color: transparent;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
453 $button_fill: image($osd_insensitive_bg_color) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
454 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
455 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
456 box-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
457 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
458 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
459 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
460
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
461 @else if $t==osd-backdrop {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
462 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
463 // backdrop osd button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
464 //
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
465 $_bg: if($c != $bg_color, transparentize($c, 0.5), $osd_bg_color);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
466
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
467 color: $osd_fg_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
468 border-color: $osd_borders_color;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
469 background-color: transparent;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
470 $button_fill: image($_bg) !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
471 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
472 background-clip: padding-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
473 box-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
474 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
475 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
476 }
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
477
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
478 @else if $t==undecorated {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
479 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
480 // reset
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
481 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
482 border-color: transparent;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
483 background-color: transparent;
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
484 $button_fill: none !global;
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
485 background-image: $button_fill;
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
486
41
d49665775e8b Try incorporating 3.22 into 3.20 for multi-version compat without separate folders
IBBoard <dev@ibboard.co.uk>
parents: 24
diff changeset
487 @include _shadows(inset 0 1px transparentize(white, 1), $_blank_edge);
24
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
488
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
489 text-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
490 -gtk-icon-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
491 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
492 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
493
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
494 @mixin headerbar_fill($c:$headerbar_color, $hc:$top_hilight, $ov: none) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
495 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
496 // headerbar fill
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
497 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
498 // $c: base color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
499 // $hc: top highlight color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
500 // $ov: a background layer for background shorthand (hence no commas!)
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
501 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
502 $gradient: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
503
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
504 @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
505
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
506 @if $ov != none { background: $c $ov, $gradient; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
507 @else { background: $c $gradient; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
508
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
509 box-shadow: inset 0 1px $hc; // top highlight
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
510 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
511
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
512 @mixin overshoot($p, $t:normal, $c:$fg_color) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
513 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
514 // overshoot
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
515 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
516 // $p: position
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
517 // $t: type
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
518 // $c: base color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
519 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
520 // possible $p values:
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
521 // top, bottom, right, left
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
522 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
523 // possible $t values:
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
524 // normal, backdrop
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
525 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
526
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
527 $_small_gradient_length: 5%;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
528 $_big_gradient_length: 100%;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
529
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
530 $_position: center top;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
531 $_small_gradient_size: 100% $_small_gradient_length;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
532 $_big_gradient_size: 100% $_big_gradient_length;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
533
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
534 @if $p==bottom {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
535 $_position: center bottom;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
536 $_linear_gradient_direction: to top;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
537 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
538
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
539 @else if $p==right {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
540 $_position: right center;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
541 $_small_gradient_size: $_small_gradient_length 100%;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
542 $_big_gradient_size: $_big_gradient_length 100%;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
543 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
544
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
545 @else if $p==left {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
546 $_position: left center;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
547 $_small_gradient_size: $_small_gradient_length 100%;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
548 $_big_gradient_size: $_big_gradient_length 100%;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
549 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
550
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
551 $_small_gradient_color: $c;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
552 $_big_gradient_color: $c;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
553
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
554 @if $c==$fg_color {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
555 $_small_gradient_color: darken($borders_color, 10%);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
556 $_big_gradient_color: $fg_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
557
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
558 @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
559 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
560
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
561 $_small_gradient: -gtk-gradient(radial,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
562 $_position, 0,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
563 $_position, 0.5,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
564 to($_small_gradient_color),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
565 to(transparentize($_small_gradient_color, 1)));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
566
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
567 $_big_gradient: -gtk-gradient(radial,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
568 $_position, 0,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
569 $_position, 0.6,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
570 from(transparentize($_big_gradient_color, 0.93)),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
571 to(transparentize($_big_gradient_color, 1)));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
572
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
573 @if $t==normal {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
574 background-image: $_small_gradient, $_big_gradient;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
575 background-size: $_small_gradient_size, $_big_gradient_size;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
576 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
577
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
578 @else if $t==backdrop {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
579 background-image: $_small_gradient;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
580 background-size: $_small_gradient_size;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
581 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
582
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
583 background-repeat: no-repeat;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
584 background-position: $_position;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
585
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
586 background-color: transparent; // reset some properties to be sure to not inherit them somehow
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
587 border: none; //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
588 box-shadow: none; //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
589 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
590
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
591 @mixin undershoot($p) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
592 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
593 // undershoot
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
594 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
595 // $p: position
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
596 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
597 // possible $p values:
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
598 // top, bottom, right, left
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
599 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
600
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
601 $_undershoot_color_dark: transparentize(black, 0.8);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
602 $_undershoot_color_light: transparentize(white, 0.8);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
603
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
604 $_gradient_dir: left;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
605 $_dash_bg_size: 10px 1px;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
606 $_gradient_repeat: repeat-x;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
607 $_bg_pos: center $p;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
608
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
609 background-color: transparent; // shouldn't be needed, but better to be sure;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
610
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
611 @if ($p == left) or ($p == right) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
612 $_gradient_dir: top;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
613 $_dash_bg_size: 1px 10px;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
614 $_gradient_repeat: repeat-y;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
615 $_bg_pos: $p center;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
616 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
617
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
618 background-image: linear-gradient(to $_gradient_dir, // this is the dashed line
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
619 $_undershoot_color_light 50%,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
620 $_undershoot_color_dark 50%);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
621
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
622 padding-#{$p}: 1px;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
623 background-size: $_dash_bg_size;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
624 background-repeat: $_gradient_repeat;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
625 background-origin: content-box;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
626 background-position: $_bg_pos;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
627 border: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
628 box-shadow: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
629 }