Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_overshoot.scss
1 | @charset "UTF-8"; | 1 | @charset "UTF-8"; | ||
---|---|---|---|---|---|
2 | 2 | | |||
3 | @mixin overshoot($p, $t:normal, $c:w_color(text)) { | 3 | @mixin overshoot($p, $t:normal, $c:gtk("@theme_fg_color")) { | ||
4 | // | 4 | // | ||
5 | // overshoot | 5 | // overshoot | ||
6 | // | 6 | // | ||
7 | // $p: position | 7 | // $p: position | ||
8 | // $t: type | 8 | // $t: type | ||
9 | // $c: base color | 9 | // $c: base color | ||
10 | // | 10 | // | ||
11 | // possible $p values: | 11 | // possible $p values: | ||
Show All 25 Lines | 36 | @else if $p==left { | |||
37 | $_position: left center; | 37 | $_position: left center; | ||
38 | $_small_gradient_size: $_small_gradient_length 100%; | 38 | $_small_gradient_size: $_small_gradient_length 100%; | ||
39 | $_big_gradient_size: $_big_gradient_length 100%; | 39 | $_big_gradient_size: $_big_gradient_length 100%; | ||
40 | } | 40 | } | ||
41 | 41 | | |||
42 | $_small_gradient_color: $c; | 42 | $_small_gradient_color: $c; | ||
43 | $_big_gradient_color: $c; | 43 | $_big_gradient_color: $c; | ||
44 | 44 | | |||
45 | @if $c==w_color(text) { | 45 | @if $c==gtk("@theme_fg_color") { | ||
46 | $_small_gradient_color: darken($border_color, 10%); | 46 | $_small_gradient_color: gtkshade("@borders", 0.9); | ||
47 | $_big_gradient_color: w_color(text); | 47 | $_big_gradient_color: gtk("@theme_fg_color"); | ||
48 | 48 | | |||
49 | @if $t==backdrop { $_small_gradient_color: backdrop($border_color); } | 49 | @if $t==backdrop { $_small_gradient_color: gtk("@unfocused_borders"); } | ||
50 | } | 50 | } | ||
51 | 51 | | |||
52 | $_small_gradient: -gtk-gradient(radial, | 52 | $_small_gradient: -gtk-gradient(radial, | ||
53 | $_position, 0, | 53 | $_position, 0, | ||
54 | $_position, 0.5, | 54 | $_position, 0.5, | ||
55 | to($_small_gradient_color), | 55 | to($_small_gradient_color), | ||
56 | to(transparentize($_small_gradient_color, 1))); | 56 | to(gtkalpha($_small_gradient_color, 0))); | ||
57 | 57 | | |||
58 | $_big_gradient: -gtk-gradient(radial, | 58 | $_big_gradient: -gtk-gradient(radial, | ||
59 | $_position, 0, | 59 | $_position, 0, | ||
60 | $_position, 0.6, | 60 | $_position, 0.6, | ||
61 | from(transparentize($_big_gradient_color, 0.93)), | 61 | from(gtkalpha($_big_gradient_color, 0.07)), | ||
62 | to(transparentize($_big_gradient_color, 1))); | 62 | to(gtkalpha($_big_gradient_color, 0))); | ||
63 | 63 | | |||
64 | @if $t==normal { | 64 | @if $t==normal { | ||
65 | background-image: $_small_gradient, $_big_gradient; | 65 | background-image: $_small_gradient, $_big_gradient; | ||
66 | background-size: $_small_gradient_size, $_big_gradient_size; | 66 | background-size: $_small_gradient_size, $_big_gradient_size; | ||
67 | } | 67 | } | ||
68 | 68 | | |||
69 | @else if $t==backdrop { | 69 | @else if $t==backdrop { | ||
70 | background-image: $_small_gradient; | 70 | background-image: $_small_gradient; | ||
▲ Show 20 Lines • Show All 47 Lines • Show Last 20 Lines |