From: Chris Rebert <code@chrisrebert.com>
Date: Thu, 24 Dec 2015 05:35:45 +0000 (-0700)
Subject: Organize existing .progress styles
X-Git-Tag: v4.0.0-alpha.3~473^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a96e522d6ad1b6b570ee84a9e0c532c19b30fc63;p=thirdparty%2Fbootstrap.git

Organize existing .progress styles
---

diff --git a/scss/_progress.scss b/scss/_progress.scss
index b18695f98b..c1a65fb9b3 100644
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -28,16 +28,13 @@
   // Set overall border radius
   @include border-radius($border-radius);
 }
+
+// Filled-in portion of the bar
 .progress[value]::-ms-fill {
   background-color: $progress-bar-color;
   // Remove right-hand border of value bar from IE10+/Edge
   border: 0;
 }
-.progress[value]::-webkit-progress-bar {
-  background-color: $progress-bg;
-  @include border-radius($border-radius);
-  @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
-}
 .progress[value]::-webkit-progress-value {
   background-color: $progress-bar-color;
   border-top-left-radius: $border-radius;
@@ -48,6 +45,13 @@
   border-bottom-right-radius: $border-radius;
 }
 
+// Unfilled portion of the bar
+.progress[value]::-webkit-progress-bar {
+  background-color: $progress-bg;
+  @include border-radius($border-radius);
+  @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
+}
+
 // Firefox styles must be entirely separate or it busts Webkit styles.
 //
 // Commented out for now because linter.