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