aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-01-28 13:13:01 -0800
committerMark Otto <[email protected]>2012-01-28 13:13:01 -0800
commit1a22c3b30aa67b4f092b164fad188050af8bbab2 (patch)
tree751b4186d95c7d29fc9cf5386512e08981b1026c /less
parent296d06a285d91200b4063f3bdde65c094495ee24 (diff)
downloadbootstrap-1a22c3b30aa67b4f092b164fad188050af8bbab2.tar.xz
bootstrap-1a22c3b30aa67b4f092b164fad188050af8bbab2.zip
restore IE filters, but reset them on buttons
Diffstat (limited to 'less')
-rw-r--r--less/mixins.less8
1 files changed, 8 insertions, 0 deletions
diff --git a/less/mixins.less b/less/mixins.less
index 5daa22234..2bfcd053e 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -298,6 +298,7 @@
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
}
.vertical(@startColor: #555, @endColor: #333) {
background-color: mix(@startColor, @endColor, 60%);
@@ -308,6 +309,7 @@
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
background-image: linear-gradient(top, @startColor, @endColor); // The standard
background-repeat: repeat-x;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
}
.directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
background-color: @endColor;
@@ -327,6 +329,7 @@
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
background-repeat: no-repeat;
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
}
.radial(@innerColor: #555, @outerColor: #333) {
background-color: @outerColor;
@@ -347,6 +350,10 @@
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
}
}
+// Reset filters for IE
+.reset-filter() {
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
+}
// Mixin for generating button backgrounds
@@ -354,6 +361,7 @@
.buttonBackground(@startColor, @endColor) {
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
.gradientBar(@startColor, @endColor);
+ .reset-filter();
// in these cases the gradient won't cover the background, so we override
&:hover, &:active, &.active, &.disabled, &[disabled] {