Adwaita: reset some properties in the overshoot mixin

Otherwise we may inherit them see:
https://bugzilla.gnome.org/show_bug.cgi?id=740011
This commit is contained in:
Lapo Calamandrei 2014-11-13 18:47:42 +01:00
parent 360b516ef4
commit 69c30fda5c
3 changed files with 68 additions and 16 deletions

View File

@ -568,4 +568,8 @@
background-repeat: no-repeat;
background-position: $_position;
background-color: transparent; // reset some properties to be sure to not inherit them somehow
border: none; //
box-shadow: none; //
}

View File

@ -77,42 +77,66 @@
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to bottom, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
background-size: 100% 4%, 100% 70%;
background-repeat: no-repeat;
background-position: center top; }
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(#1e2222), to(rgba(30, 34, 34, 0)));
background-size: 100% 4%;
background-repeat: no-repeat;
background-position: center top; }
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to top, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
background-size: 100% 4%, 100% 70%;
background-repeat: no-repeat;
background-position: center bottom; }
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(#1e2222), to(rgba(30, 34, 34, 0)));
background-size: 100% 4%;
background-repeat: no-repeat;
background-position: center bottom; }
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to right, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
background-size: 4% 100%, 70% 100%;
background-repeat: no-repeat;
background-position: left center; }
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(#1e2222), to(rgba(30, 34, 34, 0)));
background-size: 4% 100%;
background-repeat: no-repeat;
background-position: left center; }
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#1c1f1f), to(rgba(28, 31, 31, 0))), linear-gradient(to left, rgba(28, 31, 31, 0.15), rgba(28, 31, 31, 0));
background-size: 4% 100%, 70% 100%;
background-repeat: no-repeat;
background-position: right center; }
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(#1e2222), to(rgba(30, 34, 34, 0)));
background-size: 4% 100%;
background-repeat: no-repeat;
background-position: right center; }
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
.label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
color: #eeeeec; }

View File

@ -77,42 +77,66 @@
background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to bottom, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
background-size: 100% 4%, 100% 70%;
background-repeat: no-repeat;
background-position: center top; }
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(#a8a8a8), to(rgba(168, 168, 168, 0)));
background-size: 100% 4%;
background-repeat: no-repeat;
background-position: center top; }
background-position: center top;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.bottom {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to top, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
background-size: 100% 4%, 100% 70%;
background-repeat: no-repeat;
background-position: center bottom; }
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(#a8a8a8), to(rgba(168, 168, 168, 0)));
background-size: 100% 4%;
background-repeat: no-repeat;
background-position: center bottom; }
background-position: center bottom;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to right, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
background-size: 4% 100%, 70% 100%;
background-repeat: no-repeat;
background-position: left center; }
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(#a8a8a8), to(rgba(168, 168, 168, 0)));
background-size: 4% 100%;
background-repeat: no-repeat;
background-position: left center; }
background-position: left center;
background-color: transparent;
border: none;
box-shadow: none; }
.overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#a1a1a1), to(rgba(161, 161, 161, 0))), linear-gradient(to left, rgba(161, 161, 161, 0.15), rgba(161, 161, 161, 0));
background-size: 4% 100%, 70% 100%;
background-repeat: no-repeat;
background-position: right center; }
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(#a8a8a8), to(rgba(168, 168, 168, 0)));
background-size: 4% 100%;
background-repeat: no-repeat;
background-position: right center; }
background-position: right center;
background-color: transparent;
border: none;
box-shadow: none; }
.label.separator, GtkPlacesSidebar.sidebar .view .label.separator {
color: #2e3436; }