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

Progress bar:fix border-radius to use variable progress-border-radius instead of border-radius

Browse Source
This commit is contained in:
An Yang 2016-07-20 01:01:25 +00:00
parent e12361483a
commit af6eaf5438
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
scss/_progress.scss
View File

@ -26,7 +26,7 @@
// Reset the default appearance // Reset the default appearance
appearance: none; appearance: none;
// Set overall border radius // Set overall border radius
@include border-radius($border-radius); @include border-radius($progress-border-radius);
} }
// Filled-in portion of the bar // Filled-in portion of the bar
@ -37,30 +37,30 @@
} }
.progress[value]::-moz-progress-bar { .progress[value]::-moz-progress-bar {
background-color: $progress-bar-color; background-color: $progress-bar-color;
@include border-left-radius($border-radius); @include border-left-radius($progress-border-radius);
} }
.progress[value]::-webkit-progress-value { .progress[value]::-webkit-progress-value {
background-color: $progress-bar-color; background-color: $progress-bar-color;
@include border-left-radius($border-radius); @include border-left-radius($progress-border-radius);
} }
// Tweaks for full progress bar // Tweaks for full progress bar
.progress[value="100"]::-moz-progress-bar { .progress[value="100"]::-moz-progress-bar {
@include border-right-radius($border-radius); @include border-right-radius($progress-border-radius);
} }
.progress[value="100"]::-webkit-progress-value { .progress[value="100"]::-webkit-progress-value {
@include border-right-radius($border-radius); @include border-right-radius($progress-border-radius);
} }
// Unfilled portion of the bar // Unfilled portion of the bar
.progress[value]::-webkit-progress-bar { .progress[value]::-webkit-progress-bar {
background-color: $progress-bg; background-color: $progress-bg;
@include border-radius($border-radius); @include border-radius($progress-border-radius);
@include box-shadow($progress-box-shadow); @include box-shadow($progress-box-shadow);
} }
base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make these styles Firefox-only base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make these styles Firefox-only
.progress[value] { .progress[value] {
background-color: $progress-bg; background-color: $progress-bg;
@include border-radius($border-radius); @include border-radius($progress-border-radius);
@include box-shadow($progress-box-shadow); @include box-shadow($progress-box-shadow);
} }
@ -68,7 +68,7 @@ base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make thes
@media screen and (min-width:0\0) { @media screen and (min-width:0\0) {
.progress { .progress {
background-color: $progress-bg; background-color: $progress-bg;
@include border-radius($border-radius); @include border-radius($progress-border-radius);
@include box-shadow($progress-box-shadow); @include box-shadow($progress-box-shadow);
} }
.progress-bar { .progress-bar {
@ -76,10 +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;
@include border-left-radius($border-radius); @include border-left-radius($progress-border-radius);
} }
.progress[width="100%"] { .progress[width="100%"] {
@include border-right-radius($border-radius); @include border-right-radius($progress-border-radius);
} }
} }