diff options
author | Chris Rebert <code@chrisrebert.com> | 2016-01-11 23:29:50 +0300 |
---|---|---|
committer | Chris Rebert <code@chrisrebert.com> | 2016-01-11 23:29:50 +0300 |
commit | 1e37f507d584cb3920d2d8242f65cadcacc4b2df (patch) | |
tree | 6d8300b8c952e9a2e5a737e455bcd8f05f2777a8 /scss/_progress.scss | |
parent | 22df55f24d4030aaf1cf7f2aade030b40eb09d86 (diff) |
Respect $border-rounded inside progress bars too
[skip sauce]
Diffstat (limited to 'scss/_progress.scss')
-rw-r--r-- | scss/_progress.scss | 18 |
1 files changed, 6 insertions, 12 deletions
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 `<progress>` 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); } } |