[gnome-themes-standard/wip/sass] add back bottom hilight to vertical switch

[Lapo Calamandrei <lapo src gnome org>]

commit 398dbc259dcffd07028fdde38f17deaee141e68b
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Mon May 26 18:11:35 2014 +0200

    add back bottom hilight to vertical switch

 themes/Adwaita/gtk-3.0/_common.scss           |    9 +-
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |  185 +++++++++++++------------
 themes/Adwaita/gtk-3.0/gtk-contained.css      |  185 +++++++++++++------------
 3 files changed, 198 insertions(+), 181 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 78ea095..3b5a219 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -376,15 +376,18 @@ GtkColorButton.button { // Uniform padding on the GtkColorButton.button
   &.vertical {
     .button {
       //FIXME box-shadow outset needs to be removed
-      @include button(normal,$bg_color,$fg_color,true);
-      &:first-child { border-radius: 3px 3px 0 0;
+      &:first-child { 
+        border-radius: 3px 3px 0 0;
+        @include button(normal,$bg_color,$fg_color,true);
         &:active { @include button(active,$bg_color,$fg_color,true); }
         &:insensitive { @include button(insensitive,$bg_color,$fg_color,true); }
         &:hover { @include button(hover,$bg_color,$fg_color,true); }
         &:backdrop { @include button(backdrop); }
         &:backdrop:insensitive { @include button(backdrop-insensitive); }
       }
-      &:last-child { border-radius: 0 0 3px 3px;
+      &:last-child { 
+        border-radius: 0 0 3px 3px;
+        @include button(normal);
         &:active { @include button(active); }
         &:insensitive { @include button(insensitive); }
         &:hover { @include button(hover); }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index e17d1ec..f825117 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -395,7 +395,8 @@ GtkColorButton.button {
     .spinbutton .button:backdrop:insensitive {
       border-width: 0 0 0 1px;
       color: rgba(255, 255, 255, 0.3); }
-  .spinbutton.vertical .button {
+  .spinbutton.vertical .button:first-child {
+    border-radius: 3px 3px 0 0;
     border-width: 1px;
     border-style: solid;
     color: #eeeeec;
@@ -404,94 +405,100 @@ GtkColorButton.button {
     text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
     icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
-    .spinbutton.vertical .button:first-child {
-      border-radius: 3px 3px 0 0; }
-      .spinbutton.vertical .button:first-child:active {
-        border-width: 1px;
-        border-style: solid;
-        color: #eeeeec;
-        border-color: #1c1f1f;
-        background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
-        text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-        icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-        box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
-      .spinbutton.vertical .button:first-child:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: white;
-        border-color: #1c1f1f;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:first-child:hover {
-        border-width: 1px;
-        border-style: solid;
-        color: #eeeeec;
-        border-color: #212424;
-        background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
-        text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
-        icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
-      .spinbutton.vertical .button:first-child:backdrop {
-        border-width: 1px;
-        border-style: solid;
-        color: #eeeeec;
-        border-color: #1c1f1f;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:first-child:backdrop:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: white;
-        border-color: #1c1f1f;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-    .spinbutton.vertical .button:last-child {
-      border-radius: 0 0 3px 3px; }
-      .spinbutton.vertical .button:last-child:active {
-        border-width: 1px;
-        border-style: solid;
-        color: #eeeeec;
-        border-color: #1c1f1f;
-        background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
-        text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-        icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
-        box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
-      .spinbutton.vertical .button:last-child:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: white;
-        border-color: #1c1f1f;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
-      .spinbutton.vertical .button:last-child:hover {
-        border-width: 1px;
-        border-style: solid;
-        color: #eeeeec;
-        border-color: #212424;
-        background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
-        text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
-        icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
-      .spinbutton.vertical .button:last-child:backdrop {
-        border-width: 1px;
-        border-style: solid;
-        color: #eeeeec;
-        border-color: #1c1f1f;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:last-child:backdrop:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: white;
-        border-color: #1c1f1f;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:first-child:active {
+      border-width: 1px;
+      border-style: solid;
+      color: #eeeeec;
+      border-color: #1c1f1f;
+      background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+    .spinbutton.vertical .button:first-child:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: white;
+      border-color: #1c1f1f;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:first-child:hover {
+      border-width: 1px;
+      border-style: solid;
+      color: #eeeeec;
+      border-color: #212424;
+      background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+    .spinbutton.vertical .button:first-child:backdrop {
+      border-width: 1px;
+      border-style: solid;
+      color: #eeeeec;
+      border-color: #1c1f1f;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:first-child:backdrop:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: white;
+      border-color: #1c1f1f;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+  .spinbutton.vertical .button:last-child {
+    border-radius: 0 0 3px 3px;
+    border-width: 1px;
+    border-style: solid;
+    color: #eeeeec;
+    background-image: linear-gradient(to bottom, #454c4c, #393f3f 40%, #2d3232);
+    border-color: #1c1f1f;
+    text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+    icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+    .spinbutton.vertical .button:last-child:active {
+      border-width: 1px;
+      border-style: solid;
+      color: #eeeeec;
+      border-color: #1c1f1f;
+      background-image: linear-gradient(to bottom, #212424, #2d3232 3%);
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px rgba(238, 238, 236, 0.1); }
+    .spinbutton.vertical .button:last-child:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: white;
+      border-color: #1c1f1f;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
+    .spinbutton.vertical .button:last-child:hover {
+      border-width: 1px;
+      border-style: solid;
+      color: #eeeeec;
+      border-color: #212424;
+      background-image: linear-gradient(to bottom, #5b6464, #434a4a 40%, #393f3f);
+      text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+      icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
+    .spinbutton.vertical .button:last-child:backdrop {
+      border-width: 1px;
+      border-style: solid;
+      color: #eeeeec;
+      border-color: #1c1f1f;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:last-child:backdrop:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: white;
+      border-color: #1c1f1f;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .spinbutton.vertical.entry {
     border-radius: 0;
     border-width: 0 1px 0 1px; }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 1ceba50..607ca89 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -395,7 +395,8 @@ GtkColorButton.button {
     .spinbutton .button:backdrop:insensitive {
       border-width: 0 0 0 1px;
       color: rgba(199, 199, 199, 0.3); }
-  .spinbutton.vertical .button {
+  .spinbutton.vertical .button:first-child {
+    border-radius: 3px 3px 0 0;
     border-width: 1px;
     border-style: solid;
     color: #2e3436;
@@ -404,94 +405,100 @@ GtkColorButton.button {
     text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     box-shadow: inset 0 1px white; }
-    .spinbutton.vertical .button:first-child {
-      border-radius: 3px 3px 0 0; }
-      .spinbutton.vertical .button:first-child:active {
-        border-width: 1px;
-        border-style: solid;
-        color: #2e3436;
-        border-color: #a1a1a1;
-        background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
-        text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
-      .spinbutton.vertical .button:first-child:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: #748489;
-        border-color: #a1a1a1;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:first-child:hover {
-        border-width: 1px;
-        border-style: solid;
-        color: #2e3436;
-        border-color: #a1a1a1;
-        background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
-        text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        box-shadow: inset 0 1px white; }
-      .spinbutton.vertical .button:first-child:backdrop {
-        border-width: 1px;
-        border-style: solid;
-        color: #454f52;
-        border-color: #a1a1a1;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:first-child:backdrop:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: #c7c7c7;
-        border-color: #a1a1a1;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-    .spinbutton.vertical .button:last-child {
-      border-radius: 0 0 3px 3px; }
-      .spinbutton.vertical .button:last-child:active {
-        border-width: 1px;
-        border-style: solid;
-        color: #2e3436;
-        border-color: #a1a1a1;
-        background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
-        text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; }
-      .spinbutton.vertical .button:last-child:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: #748489;
-        border-color: #a1a1a1;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
-      .spinbutton.vertical .button:last-child:hover {
-        border-width: 1px;
-        border-style: solid;
-        color: #2e3436;
-        border-color: #a1a1a1;
-        background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
-        text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-        box-shadow: inset 0 1px white, 0 1px white; }
-      .spinbutton.vertical .button:last-child:backdrop {
-        border-width: 1px;
-        border-style: solid;
-        color: #454f52;
-        border-color: #a1a1a1;
-        background-image: none;
-        text-shadow: none;
-        icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:last-child:backdrop:insensitive {
-        border-width: 1px;
-        border-style: solid;
-        color: #c7c7c7;
-        border-color: #a1a1a1;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:first-child:active {
+      border-width: 1px;
+      border-style: solid;
+      color: #2e3436;
+      border-color: #a1a1a1;
+      background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+      text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
+    .spinbutton.vertical .button:first-child:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: #748489;
+      border-color: #a1a1a1;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:first-child:hover {
+      border-width: 1px;
+      border-style: solid;
+      color: #2e3436;
+      border-color: #a1a1a1;
+      background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+      text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      box-shadow: inset 0 1px white; }
+    .spinbutton.vertical .button:first-child:backdrop {
+      border-width: 1px;
+      border-style: solid;
+      color: #454f52;
+      border-color: #a1a1a1;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:first-child:backdrop:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: #c7c7c7;
+      border-color: #a1a1a1;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+  .spinbutton.vertical .button:last-child {
+    border-radius: 0 0 3px 3px;
+    border-width: 1px;
+    border-style: solid;
+    color: #2e3436;
+    background-image: linear-gradient(to bottom, white, #ededed 40%, lightgray);
+    border-color: #a1a1a1;
+    text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+    icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+    box-shadow: inset 0 1px white, 0 1px white; }
+    .spinbutton.vertical .button:last-child:active {
+      border-width: 1px;
+      border-style: solid;
+      color: #2e3436;
+      border-color: #a1a1a1;
+      background-image: linear-gradient(to bottom, #c7c7c7, #d1d1d1 3%, lightgray);
+      text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3), 0 1px white; }
+    .spinbutton.vertical .button:last-child:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: #748489;
+      border-color: #a1a1a1;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
+    .spinbutton.vertical .button:last-child:hover {
+      border-width: 1px;
+      border-style: solid;
+      color: #2e3436;
+      border-color: #a1a1a1;
+      background-image: linear-gradient(to bottom, white, #f7f7f7 40%, #ededed);
+      text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
+      box-shadow: inset 0 1px white, 0 1px white; }
+    .spinbutton.vertical .button:last-child:backdrop {
+      border-width: 1px;
+      border-style: solid;
+      color: #454f52;
+      border-color: #a1a1a1;
+      background-image: none;
+      text-shadow: none;
+      icon-shadow: none;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+    .spinbutton.vertical .button:last-child:backdrop:insensitive {
+      border-width: 1px;
+      border-style: solid;
+      color: #c7c7c7;
+      border-color: #a1a1a1;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
   .spinbutton.vertical.entry {
     border-radius: 0;
     border-width: 0 1px 0 1px; }