Style over- and undershoot

Borrowed from Radiance, courtesy of Lars Uebernickel
shimmerproject · Jul 16, 2015 · 2af282a · 2af282a
1 parent a660334
commit 2af282a
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css
@@ -1992,6 +1992,32 @@ OsScrollbar:insensitive {
     background-color: shade(@theme_bg_color, 0.97);
 }
 
+/*************
+ * overshoot *
+ *************/
+.overshoot.top {
+    background: -gtk-gradient(radial, center top, 0, center top, 0.7, from(shade(@theme_bg_color, 0.92)), to(alpha(@theme_bg_color, 0.0)));
+}
+
+.overshoot.right {
+    background: -gtk-gradient(radial, right center, 0, right center, 0.7, from(shade(@theme_bg_color, 0.92)), to(alpha(@theme_bg_color, 0.0)));
+}
+
+.overshoot.bottom {
+    background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, from(shade(@theme_bg_color, 0.92)), to(alpha(@theme_bg_color, 0.0)));
+}
+
+.overshoot.left {
+    background: -gtk-gradient(radial, left center, 0, left center, 0.7, from(shade(@theme_bg_color, 0.92)), to(alpha(@theme_bg_color, 0.0)));
+}
+
+/**************
+ * undershoot *
+ **************/
+.undershoot {
+    background: none;
+}
+
 /*************
  * separator *
  *************/