diff options
| author | Chris Rebert <[email protected]> | 2015-12-23 22:35:45 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-12-23 22:35:45 -0700 |
| commit | a96e522d6ad1b6b570ee84a9e0c532c19b30fc63 (patch) | |
| tree | 5634dd6e48ab9d52ea2a05a5b80e1392cfdca765 /scss/_progress.scss | |
| parent | 68061027b6b525929d918f3ef28d5335fafb3195 (diff) | |
| download | bootstrap-a96e522d6ad1b6b570ee84a9e0c532c19b30fc63.tar.xz bootstrap-a96e522d6ad1b6b570ee84a9e0c532c19b30fc63.zip | |
Organize existing .progress styles
Diffstat (limited to 'scss/_progress.scss')
| -rw-r--r-- | scss/_progress.scss | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/scss/_progress.scss b/scss/_progress.scss index b18695f98..c1a65fb9b 100644 --- a/scss/_progress.scss +++ b/scss/_progress.scss @@ -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. |