rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Organize existing .progress styles

Browse Source
This commit is contained in:
Chris Rebert 2015-12-23 22:35:45 -07:00
parent 68061027b6
commit a96e522d6a
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
scss/_progress.scss
View File

@ -28,16 +28,13 @@
// Set overall border radius
@include border-radius($border-radius);
}
// Filled-in portion of the bar
.progress[value]::-ms-fill {
background-color: $progress-bar-color;
// Remove right-hand border of value bar from IE10+/Edge
border: 0;
}
.progress[value]::-webkit-progress-bar {
background-color: $progress-bg;
@include border-radius($border-radius);
@include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
}
.progress[value]::-webkit-progress-value {
background-color: $progress-bar-color;
border-top-left-radius: $border-radius;
@ -48,6 +45,13 @@
border-bottom-right-radius: $border-radius;
}
// Unfilled portion of the bar
.progress[value]::-webkit-progress-bar {
background-color: $progress-bg;
@include border-radius($border-radius);
@include box-shadow(inset 0 .1rem .1rem rgba(0,0,0,.1));
}
// Firefox styles must be entirely separate or it busts Webkit styles.
//
// Commented out for now because linter.