[gtk+] Adwaita: Add some themeing for entry undershoot

[Matthias Clasen <matthiasc src gnome org>]

commit 4c192ea4c36c75f94137d03f3dfed0b8e150cd18
Author: Matthias Clasen <mclasen redhat com>
Date:   Tue Jan 26 23:33:06 2016 -0500

    Adwaita: Add some themeing for entry undershoot
    
    This is just copying what we do for scrolled windows.
    It will need some tweaks to look good for entries.

 gtk/theme/Adwaita/_common.scss           |    5 +++++
 gtk/theme/Adwaita/gtk-contained-dark.css |   20 ++++++++++++++++++++
 gtk/theme/Adwaita/gtk-contained.css      |   20 ++++++++++++++++++++
 3 files changed, 45 insertions(+), 0 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index f5a039e..92b2342 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -237,6 +237,11 @@ entry {
     &.right { padding-left: 6px; padding-right: 0; }
   }
 
+  undershoot {
+    &.left { @include undershoot(left); }
+    &.right { @include undershoot(right); }
+  }
+
   border-radius: 3px;
   transition: all 200ms $ease-out-quad;
   @include entry(normal);
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index ed61d44..dd93d97 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -174,6 +174,26 @@ entry, spinbutton {
   entry image.right, spinbutton image.right {
     padding-left: 6px;
     padding-right: 0; }
+  entry undershoot.left, spinbutton undershoot.left {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-left: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: left center;
+    border: none;
+    box-shadow: none; }
+  entry undershoot.right, spinbutton undershoot.right {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-right: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: right center;
+    border: none;
+    box-shadow: none; }
   entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus {
     padding: 2px;
     background-color: #292929;
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 451b9e0..7d604b7 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -174,6 +174,26 @@ entry, spinbutton {
   entry image.right, spinbutton image.right {
     padding-left: 6px;
     padding-right: 0; }
+  entry undershoot.left, spinbutton undershoot.left {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-left: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: left center;
+    border: none;
+    box-shadow: none; }
+  entry undershoot.right, spinbutton undershoot.right {
+    background-color: transparent;
+    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
+    padding-right: 1px;
+    background-size: 1px 10px;
+    background-repeat: repeat-y;
+    background-origin: content-box;
+    background-position: right center;
+    border: none;
+    box-shadow: none; }
   entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus {
     padding: 2px;
     background-color: #ffffff;