annotate gtk-3.20/_drawing.scss @ 24:1b8713fff1e1

Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
author IBBoard <dev@ibboard.co.uk>
date Tue, 22 Nov 2016 20:58:58 +0000
parents
children d49665775e8b
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
11 @mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
12 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
13 // Helper function to stack up to 4 box-shadows;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
14 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
15 @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
16 @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
17 @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
18 @else { box-shadow: $shadow1; }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
19 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
20
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
21 // entries
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 @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
24 @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
25 @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
26 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
27
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
28 @function entry_focus_shadow($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
29 @return inset 0 0 0 1px $fc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
30 }
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 @function entry_gradient($c) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
33 @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
34 mix($borders_color, $c, 3%) 2px,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
35 $c 90%); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
36 @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
37 mix($borders_color, $c, 40%) 3px,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
38 $c 90%); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
39 }
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 @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
42 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
43 // 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
44 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
45 // $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
46 // $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
47 // $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
48 // 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
49 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
50 // 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
51 // 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
52 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
53
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
54 $_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
55 $_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
56
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
57 @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
58 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
59 border-color: $borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
60 background-image: entry_gradient($base_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
61 @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
62 // 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
63 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
64 @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
65 @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
66 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
67 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
68 @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
69 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
70 border-color: $borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
71 background-image: linear-gradient(to bottom, $insensitive_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
72 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
73 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
74 @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
75 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
76 border-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
77 background-image: linear-gradient(to bottom, $backdrop_base_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
78 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
79 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
80 @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
81 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
82 border-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
83 background-image: linear-gradient(to bottom, $insensitive_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
84 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
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 {
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: $osd_borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
89 background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5));
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: none;
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-focus {
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_text_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: $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
98 background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5));
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: 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
101 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
102 -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
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-insensitive {
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_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
106 border-color: $osd_borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
107 background-image: linear-gradient(to bottom, $osd_insensitive_bg_color);
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 @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
114 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
115 border-color: $osd_borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
116 background-image: linear-gradient(to bottom, transparentize(opacify($osd_borders_color, 1), 0.5));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
117 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
118 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
119 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
120 -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
121 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
122 }
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 // buttons
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 @function _border_color ($c) { @return darken($c, 25%); } // colored buttons want
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
127 // the border form the
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
128 // base color
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
129
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
130 @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
131 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
132 // 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
133 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
134 // $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
135 // $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
136 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
137 $_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
138 @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
139 @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
140 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
141
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
142 @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
143 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
144 // 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
145 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
146 // $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
147 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
148 @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
149 @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
150 @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
151 @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
152 @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
153 @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
154 }
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 @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
157 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
158 // 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
159 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
160 // $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
161 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
162 // 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
163 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
164
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
165 $_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
166
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
167 @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
168 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
169 -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
170 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
171 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
172 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
173 -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
174 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
175 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
176
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
177 @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
178 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
179 // 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
180 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
181 // $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
182 // $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
183 // $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
184 // $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
185 // 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
186 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
187 // 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
188 // 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
189 // 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
190 // 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
191 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
192
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
193 $_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
194 $_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
195 $_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
196
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
197 @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
198 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
199 // normal button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
200 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
201 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
202 outline-color: transparentize($tc, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
203 border-color: if($c!=$bg_color, _border_color($c), $borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
204 @if $variant == 'light' { background-image: linear-gradient(to bottom, $c, darken($c, 4%) 60%, darken($c, 10%)); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
205 @else { background-image: linear-gradient(to bottom, darken($c, 2%), darken($c, 4%) 60%, 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
206 @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
207 @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
208 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
209
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
210 @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
211 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
212 // hovered button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
213 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
214 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
215 outline-color: transparentize($tc, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
216 border-color: if($c!=$bg_color, _border_color($c), $borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
217 @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
218 background-image: linear-gradient(to bottom, lighten($c, 6%), $c 60%, 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
219 @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
220 @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
221 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
222 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
223 background-image: linear-gradient(to bottom, lighten($c, 1%), darken($c, 2%) 60%, 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
224 @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
225 @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
226 }
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
229 @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
230 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
231 // 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
232 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
233 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
234 outline-color: transparentize($tc, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
235 border-color: if($c!=$bg_color, _border_color($c), $borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
236 @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
237 @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
238 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
239 @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
240 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
241 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
242 $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
243 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
244 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
245 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
246 @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
247 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
248 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
249 $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
250 }
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
253 @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
254 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
255 // 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
256 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
257 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
258 outline-color: transparentize($tc, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
259 border-color: if($c!=$bg_color, _border_color($c), $borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
260 @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
261 background-image: linear-gradient(to bottom, lighten($c, 9%) 10%, lighten($c, 4%) 90%);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
262 box-shadow: 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
263 inset 0 -2px lighten($c, 5%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
264 inset 0 -1px darken($c, 10%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
265 $_button_edge;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
266 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
267 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
268 background-image: linear-gradient(to bottom, $c 20%, darken($c, 4%) 90%);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
269 @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
270 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
271 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
272 $_button_edge);
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 }
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
277 @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
278 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
279 // pushed button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
280 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
281 color: $tc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
282 outline-color: transparentize($tc, 0.7);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
283 border-color: if($c!=$bg_color, _border_color($c), $borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
284 @if $variant == 'light' { background-image: linear-gradient(to bottom, darken($c, 13%), darken($c, 5%)); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
285 @else { background-image: linear-gradient(to bottom, darken($c, 9%), darken($c, 5%)); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
286 @include _button_text_shadow($tc, darken($c,10%));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
287 @include _shadows(inset 0 2px 1px -2px transparentize(black,0.4),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
288 $_button_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
289 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
290 @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
291 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
292 // insensitive button
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
293 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
294 $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
295
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
296 label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 50%), $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
297
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
298 border-color: if($c!=$bg_color, _border_color($c),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
299 $insensitive_borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
300 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
301 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
302 -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
303 // 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
304 // 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
305 @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
306 }
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 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
311 $_bg: if($c!=$bg_color, darken(mix($c,$base_color, 85%), 5%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
312 $insensitive_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
313 $_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
314
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
315 label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $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
316
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
317 border-color: $_bc;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
318 background-image: linear-gradient(to bottom, mix($_bc, $_bg, 10%), $_bg);
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 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
328 $_bg: if($c!=$bg_color,$c,$backdrop_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
329 $_bc: if($variant=='light',$c,_border_color($c));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
330
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
331 label, & { color: if($tc!=$fg_color,mix($tc, $_bg, 80%), $backdrop_fg_color); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
332
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
333 border-color: if($c!=$bg_color, $_bc, $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
334 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
335 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
336 -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
337 @include _shadows(inset 0 1px transparentize(white, 1),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
338 $_blank_edge);
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 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
343 // backdrop pushed button FIXME no colors here!
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
344 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
345 $_bg: if($c!=$bg_color, darken($c, 10%), $backdrop_dark_fill);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
346 $_bc: if($variant=='light',$_bg,_border_color($c));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
347
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
348 label, & { color: if($tc!=$fg_color, mix($tc, $_bg, 80%), $backdrop_fg_color); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
349
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
350 border-color: if($c!=$bg_color, $_bc, $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
351 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
352 @include _shadows(inset 0 1px transparentize(white, 1),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
353 $_blank_edge);
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
361 $_bg: if($c!=$bg_color, mix($c, $base_color, 85%), $insensitive_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
362 $_bc: if($variant=='light', $_bg,_border_color($c));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
363
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
364 label, & { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $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
365
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
366 border-color: if($c!=$bg_color, $_bc, $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
367 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
368 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
369 -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
370 // 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
371 // 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
372 @include _shadows(inset 0 1px transparentize(white, 1),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
373 $_blank_edge);
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
381 $_bg: if($c!=$bg_color, darken(mix($c, $base_color, 85%), 5%),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
382 darken($insensitive_bg_color, 5%));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
383 $_bc: if($variant=='light', $_bg,_border_color($c));
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
384
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
385 label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $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
386
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
387 border-color: if($c!=$bg_color, $_bc, $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
388 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
389 @include _shadows(inset 0 1px transparentize(white, 1),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
390 $_blank_edge);
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
393 @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
394 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
395 // 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
396 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
397 $_bg: if($c!=$bg_color, transparentize($c, 0.5),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
398 $osd_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
399
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
400 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
401 border-color: $osd_borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
402 background-image: linear-gradient(to bottom, $_bg);
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 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
409 @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
410 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
411 // 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
412 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
413 $_bg: if($c!=$bg_color, transparentize($c, 0.3),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
414 lighten($osd_bg_color, 12%));
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;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
418 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
419 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
420 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
421 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
422 -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
423 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
424 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
425 @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
426 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
427 // 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
428 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
429 $_bg: if($c!=$bg_color, $c, $osd_borders_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
430
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
431 color: white;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
432 border-color: $osd_borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
433 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
434 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
435 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
436 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
437 -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
438 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
439 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
440 @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
441 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
442 // 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
443 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
444 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
445 border-color: $osd_borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
446 background-image: linear-gradient(to bottom, $osd_insensitive_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
447 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
448 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
449 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
450 -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
451 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
452 @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
453 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
454 // 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
455 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
456 $_bg: if($c!=$bg_color, transparentize($c, 0.5),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
457 $osd_bg_color);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
458
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
459 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
460 border-color: $osd_borders_color;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
461 background-image: linear-gradient(to bottom, $_bg);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
462 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
463 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
464 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
465 -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
466 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
467 @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
468 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
469 // reset
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
470 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
471 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
472 background-color: transparent;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
473 background-image: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
474
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
475 @include _shadows(inset 0 1px transparentize(white, 1),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
476 $_blank_edge);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
477
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
478 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
479 -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
480 }
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
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
483 @mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
484 color: mix($tc, $bg_color, 80%);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
485 @if $flat { background-image: linear-gradient(to bottom, $c); }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
486 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
487 background-image: linear-gradient(to bottom,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
488 mix(black,$c,15%) 5%,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
489 mix(black,$c,10%) 20%,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
490 mix(black,$c,10%) 90%,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
491 $c);
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 border-color: if($c!=$bg_color, _border_color($c), $border_color);
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 @if not($noedge) {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
497 @if lightness($c) > 60% {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
498 box-shadow: inset 0 -1px $borders_edge,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
499 0 1px $borders_edge;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
500 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
501 @else {
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
502 box-shadow: inset 0 -1px transparentize($borders_edge, 0.5),
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
503 0 1px transparentize($borders_edge, 0.5);
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
504 }
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 @else { 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
507 }
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 @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
510 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
511 // headerbar fill
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
512 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
513 // $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
514 // $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
515 // $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
516 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
517 $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
518
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
519 @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
520
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
521 @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
522 @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
523
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
524 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
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 @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
528 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
529 // overshoot
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
530 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
531 // $p: position
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
532 // $t: type
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
533 // $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
534 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
535 // 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
536 // 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
537 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
538 // 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
539 // normal, backdrop
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
540 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
541
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
542 $_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
543 $_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
544
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
545 $_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
546 $_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
547 $_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
548
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
549 @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
550 $_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
551 $_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
552 }
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 @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
555 $_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
556 $_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
557 $_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
558 }
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 @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
561 $_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
562 $_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
563 $_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
564 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
565
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
566 $_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
567 $_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
568
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
569 @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
570 $_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
571 $_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
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==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
574 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
575
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
576 $_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
577 $_position, 0,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
578 $_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
579 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
580 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
581
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
582 $_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
583 $_position, 0,
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
584 $_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
585 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
586 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
587
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
588 @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
589 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
590 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
591 }
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 @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
594 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
595 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
596 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
597
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
598 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
599 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
600
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
601 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
602 border: none; //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
603 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
604 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
605
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
606 @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
607 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
608 // undershoot
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
609 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
610 // $p: position
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
611 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
612 // 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
613 // 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
614 //
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
615
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
616 $_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
617 $_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
618
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
619 $_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
620 $_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
621 $_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
622 $_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
623
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
624 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
625
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
626 @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
627 $_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
628 $_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
629 $_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
630 $_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
631 }
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
632
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
633 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
634 $_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
635 $_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
636
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
637 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
638 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
639 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
640 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
641 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
642 border: none;
1b8713fff1e1 Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
IBBoard <dev@ibboard.co.uk>
parents:
diff changeset
643 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
644 }