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

Actually use $progress-bar-color instead of hardcoded color

Browse Source 
Refs #18535
This commit is contained in:
Chris Rebert 2015-12-21 10:46:33 -07:00
parent 5a18638f26
commit 0917b04711
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
scss/_progress.scss
View File

@ -29,7 +29,7 @@
@include border-radius($border-radius); @include border-radius($border-radius);
} }
.progress[value]::-ms-fill { .progress[value]::-ms-fill {
background-color: #0074d9; background-color: $progress-bar-color;
// Remove right-hand border of value bar from IE10+/Edge // Remove right-hand border of value bar from IE10+/Edge
border: 0; border: 0;
} }
@ -39,7 +39,7 @@
@include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1)); @include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
} }
.progress[value]::-webkit-progress-value { .progress[value]::-webkit-progress-value {
background-color: #0074d9; background-color: $progress-bar-color;
border-top-left-radius: $border-radius; border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius; border-bottom-left-radius: $border-radius;
} }
@ -59,7 +59,7 @@
// .box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1)); // .box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
// } // }
// .progress[value]::-moz-progress-bar { // .progress[value]::-moz-progress-bar {
// background-color: #0074d9; // background-color: $progress-bar-color;
// border-top-left-radius: $border-radius; // border-top-left-radius: $border-radius;
// border-bottom-left-radius: $border-radius; // border-bottom-left-radius: $border-radius;
// } // }
@ -86,7 +86,7 @@
display: inline-block; display: inline-block;
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: #0074d9; background-color: $progress-bar-color;
border-top-left-radius: $border-radius; border-top-left-radius: $border-radius;
border-bottom-left-radius: $border-radius; border-bottom-left-radius: $border-radius;
} }