diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2015-12-11 01:29:54 +0300 |
---|---|---|
committer | Patrick H. Lauke <redux@splintered.co.uk> | 2015-12-11 11:58:11 +0300 |
commit | 97461a51a2dbcdc781f75b7f9bcb95d0e5ce8716 (patch) | |
tree | e1331acb2f50279deee49b1b0bc9735f70ab94f4 /scss/_progress.scss | |
parent | d5b57c3c4d69dc9afd2036d9d4c0e10e52121391 (diff) |
progress bar for IE10+/Edge (radius, use ::-ms-fill, add variant mixins, striped support)
Diffstat (limited to 'scss/_progress.scss')
-rw-r--r-- | scss/_progress.scss | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/scss/_progress.scss b/scss/_progress.scss index 61e13b0528..382307b45a 100644 --- a/scss/_progress.scss +++ b/scss/_progress.scss @@ -19,12 +19,19 @@ margin-bottom: $spacer-y; } .progress[value] { - // IE10 uses `color` to set the bar background-color - color: #0074d9; + // Set overall background + background-color: #eee; // Remove Firefox and Opera border border: 0; // Reset the default appearance appearance: none; + // Set overall border radius + @include border-radius($border-radius); +} +.progress[value]::-ms-fill { + background-color: #0074d9; + // Remove right-hand border of value bar from IE10+/Edge + border: 0; } .progress[value]::-webkit-progress-bar { background-color: #eee; @@ -111,6 +118,10 @@ @include gradient-striped(); background-size: $spacer-y $spacer-y; } +.progress-striped[value]::-ms-fill { + @include gradient-striped(); + background-size: $spacer-y $spacer-y; +} // IE9 @media screen and (min-width:0\0) { .progress-bar-striped { |