diff options
| author | Mark Otto <[email protected]> | 2011-09-02 12:19:43 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-09-02 12:19:43 -0700 |
| commit | 8c1e60c638ba9f2c564f9c0f05c255a673672a5e (patch) | |
| tree | b4b50a11cc31f17db7c24629e3c7c3f8aed733d5 /lib | |
| parent | ac57331323e8a36ccc25d474859288f0403e669d (diff) | |
| download | bootstrap-8c1e60c638ba9f2c564f9c0f05c255a673672a5e.tar.xz bootstrap-8c1e60c638ba9f2c564f9c0f05c255a673672a5e.zip | |
add reset filter to preboot for turning off gradients in IE when necessary; make :disabled [disabled] for crossbrowser usage
Diffstat (limited to 'lib')
| -rw-r--r-- | lib/patterns.less | 7 | ||||
| -rw-r--r-- | lib/preboot.less | 9 |
2 files changed, 11 insertions, 5 deletions
diff --git a/lib/patterns.less b/lib/patterns.less index c574b9c1e..6749633bb 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -429,8 +429,7 @@ footer { // Button Base cursor: pointer; display: inline-block; - //#gradient > .vertical-three-colors(#fff, #fff, 0.25, darken(#fff, 10%)); - #gradient > .vertical(#ffffff, #eeeeee); + #gradient > .vertical-three-colors(#ffffff, #ffffff, 0.25, darken(#ffffff, 10%)); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255,255,255,.75); color: #333; @@ -465,14 +464,16 @@ footer { &.disabled { cursor: default; background-image: none; + .reset-filter(); .opacity(65); .box-shadow(none); } - &:disabled { + &[disabled] { // disabled pseudo can't be included with .disabled // def because IE8 and below will drop it ;_; cursor: default; background-image: none; + .reset-filter(); .opacity(65); .box-shadow(none); } diff --git a/lib/preboot.less b/lib/preboot.less index 96bca8688..b92acb9d3 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -240,7 +240,7 @@ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(top, @startColor, @endColor); // The standard - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); // IE8 and down } .directional (@startColor: #555, @endColor: #333, @deg: 45deg) { background-color: @endColor; @@ -260,10 +260,15 @@ background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); - filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\9",@startColor,@endColor)); // IE8 and down, gets no color-stop at all for proper fallback } } +// Reset filters for IE +.reset-filter() { + filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); +} + // Opacity .opacity(@opacity: 100) { filter: e(%("alpha(opacity=%d)", @opacity)); |