From 2a6c61330a9b214e0a891046e01f2cbe7a7d2d06 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Mon, 22 Sep 2014 23:28:40 -0400
Subject: [PATCH] Beginning progress bar variables

---
 src/definitions/elements/progress.less        | 34 +++++++------------
 .../default/elements/progress.variables       | 17 +++++++++-
 2 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/definitions/elements/progress.less b/src/definitions/elements/progress.less
index f3bd3704f..aab20fbea 100755
--- a/src/definitions/elements/progress.less
+++ b/src/definitions/elements/progress.less
@@ -19,29 +19,23 @@
 @import '../../semantic.config';
 
 .ui.progress {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-
+  display: block;
   width: 100%;
-  height: 35px;
-
-  background-color: #FAFAFA;
-  padding: 5px;
-  border-radius: 0.3125em;
+  border: @border;
+  box-shadow: @boxShadow;
+  background: @background;
+  padding: @padding;
+  border-radius: @borderRadius;
 
 }
 
 .ui.progress .bar {
-  display: inline-block;
+  display: block;
   width: 0%;
-  height: 100%;
-
-  background-color: #CCCCCC;
-  border-radius: 3px;
-
-  transition:
-    width 1s ease-in-out,
-    background-color 1s ease-out
-  ;
+  height: @barHeight;
+  background: @barBackground;
+  border-radius: @barBorderRadius;
+  transition: @barTransition;
 }
 
 
@@ -98,11 +92,9 @@
   left: 0px;
   right: 0px;
   bottom: 0px;
-  background: #FFFFFF;
+  background: @activePulseColor;
 
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
+  border-radius: @barBorderRadius;
 
   animation: progress-active 2s ease-out infinite;
 }
diff --git a/src/themes/packages/default/elements/progress.variables b/src/themes/packages/default/elements/progress.variables
index 71846ffc3..675dbe820 100755
--- a/src/themes/packages/default/elements/progress.variables
+++ b/src/themes/packages/default/elements/progress.variables
@@ -6,12 +6,27 @@
        Element
 --------------------*/
 
-
+@background: @darkWhite;
+@border: 1px solid @borderColor;
+@boxShadow: none;
+@padding: 0.25em;
+@borderRadius: 0.325em;
+
+/* Bar */
+@barHeight: 1.5em;
+@barBackground: #CCCCCC;
+@barBorderRadius: @borderRadius;
+@barTransition:
+  width 1s ease-in-out,
+  background-color 1s ease-out
+;
 
 /*-------------------
         States
 --------------------*/
 
+@activePulseColor: @white;
+
 
 /*-------------------
         Types