Skip to content
GitLab
Commit 1e37f507 authored by Chris Rebert's avatar Chris Rebert
Browse files

Respect $border-rounded inside progress bars too 

[skip sauce]
parent 22df55f2
Hide whitespace changes
Inline Side-by-side
Showing
with 6 additions and 12 deletions
+6 -12
scss/_progress.scss
+ 6
- 12
View file @ 1e37f507
...@@ -37,22 +37,18 @@ ...@@ -37,22 +37,18 @@
} }
.progress[value]::-moz-progress-bar { .progress[value]::-moz-progress-bar {
background-color: $progress-bar-color; background-color: $progress-bar-color;
border-top-left-radius: $border-radius; @include border-left-radius($border-radius);
border-bottom-left-radius: $border-radius;
} }
.progress[value]::-webkit-progress-value { .progress[value]::-webkit-progress-value {
background-color: $progress-bar-color; background-color: $progress-bar-color;
border-top-left-radius: $border-radius; @include border-left-radius($border-radius);
border-bottom-left-radius: $border-radius;
} }
// Tweaks for full progress bar // Tweaks for full progress bar
.progress[value="100"]::-moz-progress-bar { .progress[value="100"]::-moz-progress-bar {
border-top-right-radius: $border-radius; @include border-right-radius($border-radius);
border-bottom-right-radius: $border-radius;
} }
.progress[value="100"]::-webkit-progress-value { .progress[value="100"]::-webkit-progress-value {
border-top-right-radius: $border-radius; @include border-right-radius($border-radius);
border-bottom-right-radius: $border-radius;
} }
// Unfilled portion of the bar // Unfilled portion of the bar
...@@ -80,12 +76,10 @@ base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make thes ...@@ -80,12 +76,10 @@ base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make thes
height: $spacer-y; height: $spacer-y;
text-indent: -999rem; // Simulate hiding of value as in native `<progress>` text-indent: -999rem; // Simulate hiding of value as in native `<progress>`
background-color: $progress-bar-color; background-color: $progress-bar-color;
border-top-left-radius: $border-radius; @include border-left-radius($border-radius);
border-bottom-left-radius: $border-radius;
} }
.progress[width="100%"] { .progress[width="100%"] {
border-top-right-radius: $border-radius; @include border-right-radius($border-radius);
border-bottom-right-radius: $border-radius;
} }
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment