[gnome-themes-standard/wip/sass] level-bar: initial implementation.

[Jakub Steiner <jimmac src gnome org>]

commit 7ef1793d8c55c4eedab8dc9ad3a0f76ef5b7d640
Author: Jakub Steiner <jimmac gmail com>
Date:   Sun Jun 1 17:09:49 2014 +0200

    level-bar: initial implementation.

 themes/Adwaita/gtk-3.0/_colors.scss           |    2 +-
 themes/Adwaita/gtk-3.0/_common.scss           |   55 +++++++++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |   41 ++++++++++++++++++
 themes/Adwaita/gtk-3.0/gtk-contained.css      |   41 ++++++++++++++++++
 4 files changed, 138 insertions(+), 1 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_colors.scss b/themes/Adwaita/gtk-3.0/_colors.scss
index a84935b..4e4627c 100644
--- a/themes/Adwaita/gtk-3.0/_colors.scss
+++ b/themes/Adwaita/gtk-3.0/_colors.scss
@@ -14,7 +14,7 @@ $link_color: lighten($selected_bg_color,10%);
 
 $warning_color: #f57900;
 $error_color: #cc0000;
-$success_color: $selected_bg_color;
+$success_color: if($variant =='light', #73d216, darken(#73d216,10%));
 $destructive_color: if($variant =='light', #ef2929, darken(#ef2929,10%));
 
 //insensitive state derived colors
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index c5a7e54..3a02201 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -1082,6 +1082,61 @@ GtkProgressBar.trough {
   }
 }
 
+/****************
+ * Level Bar *
+ ****************/
+
+
+GtkLevelBar {
+    -GtkLevelBar-min-block-width: 34;
+    -GtkLevelBar-min-block-height: 3;
+}
+
+GtkLevelBar.vertical {
+    -GtkLevelBar-min-block-width: 3;
+    -GtkLevelBar-min-block-height: 34;
+}
+
+.level-bar {
+  &.trough {
+    padding: 2px;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 3px;
+    border-color: $borders_color;
+    box-shadow: inset 1px 1px transparentize(black, 0.9),
+                $widget_edge;
+    background-color: $base_color;
+  }
+  &.fill-block {
+    border-width: 1px;
+    border-style: solid;
+    border-color: darken($selected_bg_color,10%);
+    background-color: $selected_bg_color;
+    &.indicator-continuous {
+      padding: 2px;
+      border-radius: 2px;
+    }
+    &.indicator-discrete {
+      &.horizontal { margin: 0 1px; }
+      &.vertical { margin: 1px 0; }
+    }
+    &.level-high {
+      border-color: darken($success_color,10%);
+      background-color: $success_color;
+    }
+    &.level-low {
+      border-color: darken($warning_color,10%);
+      background-color: $warning_color;
+    }
+    &.empty-fill-block {
+      background-color: transparent;
+      border-color: transparentize($borders_color, 0.8);
+    }
+  }
+}
+
+
 /**********
  * Frames *
  **********/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index ff4c014..5eba9f6 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -1405,6 +1405,47 @@ GtkProgressBar.trough {
     background-color: #2e3333;
     box-shadow: 0 1px rgba(255, 255, 255, 0); }
 
+/****************
+ * Level Bar *
+ ****************/
+GtkLevelBar {
+  -GtkLevelBar-min-block-width: 34;
+  -GtkLevelBar-min-block-height: 3; }
+
+GtkLevelBar.vertical {
+  -GtkLevelBar-min-block-width: 3;
+  -GtkLevelBar-min-block-height: 34; }
+
+.level-bar.trough {
+  padding: 2px;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: #1c1f1f;
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(238, 238, 236, 0.1);
+  background-color: #333333; }
+.level-bar.fill-block {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #184472;
+  background-color: #215d9c; }
+  .level-bar.fill-block.indicator-continuous {
+    padding: 2px;
+    border-radius: 2px; }
+  .level-bar.fill-block.indicator-discrete.horizontal {
+    margin: 0 1px; }
+  .level-bar.fill-block.indicator-discrete.vertical {
+    margin: 1px 0; }
+  .level-bar.fill-block.level-high {
+    border-color: #40760c;
+    background-color: #5aa411; }
+  .level-bar.fill-block.level-low {
+    border-color: #c26000;
+    background-color: #f57900; }
+  .level-bar.fill-block.empty-fill-block {
+    background-color: transparent;
+    border-color: rgba(28, 31, 31, 0.2); }
+
 /**********
  * Frames *
  **********/
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index b5e1c23..f155149 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -1405,6 +1405,47 @@ GtkProgressBar.trough {
     background-color: #d2d2d2;
     box-shadow: 0 1px rgba(255, 255, 255, 0); }
 
+/****************
+ * Level Bar *
+ ****************/
+GtkLevelBar {
+  -GtkLevelBar-min-block-width: 34;
+  -GtkLevelBar-min-block-height: 3; }
+
+GtkLevelBar.vertical {
+  -GtkLevelBar-min-block-width: 3;
+  -GtkLevelBar-min-block-height: 34; }
+
+.level-bar.trough {
+  padding: 2px;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: #a1a1a1;
+  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), 0 1px white;
+  background-color: white; }
+.level-bar.fill-block {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #2a76c6;
+  background-color: #4a90d9; }
+  .level-bar.fill-block.indicator-continuous {
+    padding: 2px;
+    border-radius: 2px; }
+  .level-bar.fill-block.indicator-discrete.horizontal {
+    margin: 0 1px; }
+  .level-bar.fill-block.indicator-discrete.vertical {
+    margin: 1px 0; }
+  .level-bar.fill-block.level-high {
+    border-color: #5aa411;
+    background-color: #73d216; }
+  .level-bar.fill-block.level-low {
+    border-color: #c26000;
+    background-color: #f57900; }
+  .level-bar.fill-block.empty-fill-block {
+    background-color: transparent;
+    border-color: rgba(161, 161, 161, 0.2); }
+
 /**********
  * Frames *
  **********/