rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #18848 from twbs/rounded-progress

Browse Source 
Respect $border-rounded inside progress bars too
This commit is contained in:
Mark Otto 2016-01-17 19:04:29 -08:00
commit 26f10db70e
1 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
scss/_progress.scss
View File

@ -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);
}
}