mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-11-16 21:50:34 +00:00
Adwaita: more overshoot tweakings and typo fix
This commit is contained in:
parent
a7173d097f
commit
ebc379287f
@ -515,7 +515,7 @@
|
||||
//
|
||||
|
||||
$_small_gradient_length: 5%;
|
||||
$_big_gradient_length: 120%;
|
||||
$_big_gradient_length: 100%;
|
||||
|
||||
$_position: center top;
|
||||
$_small_gradient_size: 100% $_small_gradient_length;
|
||||
@ -545,7 +545,7 @@
|
||||
$_small_gradient_color: darken($borders_color, 10%);
|
||||
$_big_gradient_color: $fg_color;
|
||||
|
||||
@if $t==backdrop { $_small_graident_color: $backdrop_borders_color; }
|
||||
@if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; }
|
||||
}
|
||||
|
||||
$_small_gradient: -gtk-gradient(radial,
|
||||
@ -557,7 +557,7 @@
|
||||
$_big_gradient: -gtk-gradient(radial,
|
||||
$_position, 0,
|
||||
$_position, 0.6,
|
||||
from(transparentize($_big_gradient_color, 0.9)),
|
||||
from(transparentize($_big_gradient_color, 0.93)),
|
||||
to(transparentize($_big_gradient_color, 1)));
|
||||
|
||||
@if $t==normal {
|
||||
|
@ -74,15 +74,15 @@
|
||||
background-color: rgba(33, 93, 156, 0.2); }
|
||||
|
||||
.overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.1)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 100% 5%, 100% 120%;
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 100% 5%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.top:backdrop {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#040404), to(rgba(4, 4, 4, 0)));
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
@ -90,15 +90,15 @@
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.1)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 100% 5%, 100% 120%;
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 100% 5%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.bottom:backdrop {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#040404), to(rgba(4, 4, 4, 0)));
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
@ -106,15 +106,15 @@
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.1)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 5% 100%, 120% 100%;
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 5% 100%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.left:backdrop {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#040404), to(rgba(4, 4, 4, 0)));
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
@ -122,15 +122,15 @@
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.1)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 5% 100%, 120% 100%;
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#040404), to(rgba(4, 4, 4, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
|
||||
background-size: 5% 100%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.right:backdrop {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#040404), to(rgba(4, 4, 4, 0)));
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1e2222), to(rgba(30, 34, 34, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
|
@ -74,15 +74,15 @@
|
||||
background-color: rgba(74, 144, 217, 0.2); }
|
||||
|
||||
.overshoot.top {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.1)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 100% 5%, 100% 120%;
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 100% 5%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.top:backdrop {
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#878787), to(rgba(135, 135, 135, 0)));
|
||||
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
@ -90,15 +90,15 @@
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.bottom {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.1)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 100% 5%, 100% 120%;
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 100% 5%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.bottom:backdrop {
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#878787), to(rgba(135, 135, 135, 0)));
|
||||
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
|
||||
background-size: 100% 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
@ -106,15 +106,15 @@
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.left {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.1)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 5% 100%, 120% 100%;
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 5% 100%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.left:backdrop {
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#878787), to(rgba(135, 135, 135, 0)));
|
||||
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
@ -122,15 +122,15 @@
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.right {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.1)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 5% 100%, 120% 100%;
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 52, 54, 0.07)), to(rgba(46, 52, 54, 0)));
|
||||
background-size: 5% 100%, 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none; }
|
||||
.overshoot.right:backdrop {
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#878787), to(rgba(135, 135, 135, 0)));
|
||||
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a8a8a8), to(rgba(168, 168, 168, 0)));
|
||||
background-size: 5% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right center;
|
||||
|
Loading…
Reference in New Issue
Block a user