[gnome-themes-standard/wip/sass] drawn the header bar separator with just a gradient to avoid the asset

[Lapo Calamandrei <lapo src gnome org>]

commit 640d6344cb11be82ee40f292c76ffa78896b4469
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu May 22 12:45:02 2014 +0200

    drawn the header bar separator with just a gradient to avoid the asset

 themes/Adwaita/gtk-3.0/_common.scss           |   32 +++++++++++++-----------
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   14 +++++-----
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   12 ++++----
 3 files changed, 30 insertions(+), 28 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 686053b..0de8ef2 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -260,7 +260,7 @@ GtkGrid:insensitive {
       &:hover {
         @include button(hover,$b_color, white, true);
       }
-      &:active {  //", &:hover:active {" this *shouldn't* be needed
+      &:active { 
         @include button(active,$b_color, white, true);
       }
       &:backdrop {
@@ -419,9 +419,9 @@ GtkComboBox {
  ***************/
  
 .header-bar {
-  border-width: 0 0 1px;
+  border-width: 0 0 1px; 
   border-style: solid;
-  border-color: darken($theme_bg_color, 30%);
+  border-color: $borders_color;
   border-radius: 7px 7px 0 0;
   
   background-color: transparent;
@@ -433,8 +433,9 @@ GtkComboBox {
   padding: 6px;
 
   &:backdrop {
-    background-image: none;
+    border-color: $_backdrop_borders_color;
     background-color: $theme_bg_color;
+    background-image: none;
     box-shadow: none;
   }
   
@@ -448,18 +449,19 @@ GtkComboBox {
   }
   & > GtkBox > .separator.vertical {
     -GtkWidget-wide-separators: 1;
-    -GtkWidget-separator-width: 2px;
-    background-color: transparent;
+    -GtkWidget-separator-width: 1px;
     border-width: 0 1px;
-    border-style: solid;
-    border-color: transparent;
-    @if $variant == 'light' {
-      border-image: -gtk-scaled(url("assets/header-separator.png"),
-                  url("assets/header-separator 2 png")) 0 1 0 1 / 0 1px 0 1px stretch;
-    }
-    @else {
-      border-image: -gtk-scaled(url("assets/header-separator-dark.png"),
-                  url("assets/header-separator-dark 2 png")) 0 1 0 1 / 0 1px 0 1px stretch;
+    border-image: linear-gradient(to bottom, 
+                                  transparentize($borders_color,1),
+                                  $borders_color 30%,
+                                  $borders_color 70%,
+                                  transparentize($borders_color,1) 100%)
+                  0 1 / 0 1px stretch; //FIXME use a proper color
+    &:backdrop {
+      border-image: linear-gradient(to bottom, 
+                                    transparentize($_backdrop_insensitive_color,
+                                                   0.5))
+                    0 1 / 1px 1px;  //FIXME use a proper color
     }
   }
   &.selection-mode {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index eb2ef4e..16ce2de 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -522,15 +522,16 @@ GtkComboBox {
 .header-bar {
   border-width: 0 0 1px;
   border-style: solid;
-  border-color: black;
+  border-color: #1c1f1f;
   border-radius: 7px 7px 0 0;
   background-color: transparent;
   background-image: linear-gradient(to bottom, #3e4444, #2d3232);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(238, 238, 236, 0.1);
   padding: 6px; }
   .header-bar:backdrop {
-    background-image: none;
+    border-color: #1c1f1f;
     background-color: #393f3f;
+    background-image: none;
     box-shadow: none; }
   .header-bar .title {
     font: Bold;
@@ -540,12 +541,11 @@ GtkComboBox {
     padding: 0 12px; }
   .header-bar > GtkBox > .separator.vertical {
     -GtkWidget-wide-separators: 1;
-    -GtkWidget-separator-width: 2px;
-    background-color: transparent;
+    -GtkWidget-separator-width: 1px;
     border-width: 0 1px;
-    border-style: solid;
-    border-color: transparent;
-    border-image: -gtk-scaled(url("assets/header-separator-dark.png"), url("assets/header-separator-dark 2 
png")) 0 1 0 1/0 1px 0 1px stretch; }
+    border-image: linear-gradient(to bottom, rgba(28, 31, 31, 0), #1c1f1f 30%, #1c1f1f 70%, rgba(28, 31, 31, 
0) 100%) 0 1/0 1px stretch; }
+    .header-bar > GtkBox > .separator.vertical:backdrop {
+      border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5)) 0 1/1px 1px; }
   .header-bar.selection-mode {
     color: #1c5187;
     text-shadow: 0 1px rgba(0, 0, 0, 0.6);
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index 7255b31..7fb3fc2 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -529,8 +529,9 @@ GtkComboBox {
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.05);
   padding: 6px; }
   .header-bar:backdrop {
-    background-image: none;
+    border-color: #a1a1a1;
     background-color: #ededed;
+    background-image: none;
     box-shadow: none; }
   .header-bar .title {
     font: Bold;
@@ -540,12 +541,11 @@ GtkComboBox {
     padding: 0 12px; }
   .header-bar > GtkBox > .separator.vertical {
     -GtkWidget-wide-separators: 1;
-    -GtkWidget-separator-width: 2px;
-    background-color: transparent;
+    -GtkWidget-separator-width: 1px;
     border-width: 0 1px;
-    border-style: solid;
-    border-color: transparent;
-    border-image: -gtk-scaled(url("assets/header-separator.png"), url("assets/header-separator 2 png")) 0 1 
0 1/0 1px 0 1px stretch; }
+    border-image: linear-gradient(to bottom, rgba(161, 161, 161, 0), #a1a1a1 30%, #a1a1a1 70%, rgba(161, 
161, 161, 0) 100%) 0 1/0 1px stretch; }
+    .header-bar > GtkBox > .separator.vertical:backdrop {
+      border-image: linear-gradient(to bottom, rgba(199, 199, 199, 0.5)) 0 1/1px 1px; }
   .header-bar.selection-mode {
     color: #3e78b6;
     text-shadow: 0 1px rgba(0, 0, 0, 0.5);