From 1e37f507d584cb3920d2d8242f65cadcacc4b2df Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 11 Jan 2016 12:29:50 -0800 Subject: Respect $border-rounded inside progress bars too [skip sauce] --- scss/_progress.scss | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) (limited to 'scss/_progress.scss') diff --git a/scss/_progress.scss b/scss/_progress.scss index d0dc2023d0..8cac202ee0 100644 --- a/scss/_progress.scss +++ b/scss/_progress.scss @@ -37,22 +37,18 @@ } .progress[value]::-moz-progress-bar { background-color: $progress-bar-color; - border-top-left-radius: $border-radius; - border-bottom-left-radius: $border-radius; + @include border-left-radius($border-radius); } .progress[value]::-webkit-progress-value { background-color: $progress-bar-color; - border-top-left-radius: $border-radius; - border-bottom-left-radius: $border-radius; + @include border-left-radius($border-radius); } // Tweaks for full progress bar .progress[value="100"]::-moz-progress-bar { - border-top-right-radius: $border-radius; - border-bottom-right-radius: $border-radius; + @include border-right-radius($border-radius); } .progress[value="100"]::-webkit-progress-value { - border-top-right-radius: $border-radius; - border-bottom-right-radius: $border-radius; + @include border-right-radius($border-radius); } // Unfilled portion of the bar @@ -80,12 +76,10 @@ base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make thes height: $spacer-y; text-indent: -999rem; // Simulate hiding of value as in native `` background-color: $progress-bar-color; - border-top-left-radius: $border-radius; - border-bottom-left-radius: $border-radius; + @include border-left-radius($border-radius); } .progress[width="100%"] { - border-top-right-radius: $border-radius; - border-bottom-right-radius: $border-radius; + @include border-right-radius($border-radius); } } -- cgit v1.2.3