diff options
author | Mark Otto <markotto@twitter.com> | 2012-03-11 06:03:59 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-03-11 06:03:59 +0400 |
commit | 635ee36e11d4e981b06034057e4990e2e63eec2a (patch) | |
tree | 7a7077de7664b7bccd57099b0267998b36da1184 /less | |
parent | 6e72760de5321bea4f8292df151d7bc7b0c1d2aa (diff) |
fix gradient mixins by escaping them, add notes on progress bars
Diffstat (limited to 'less')
-rw-r--r-- | less/mixins.less | 6 | ||||
-rw-r--r-- | less/progress-bars.less | 6 |
2 files changed, 9 insertions, 3 deletions
diff --git a/less/mixins.less b/less/mixins.less index 47d467243b..5ff58a5c96 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -320,7 +320,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: progid:DXImageTransform.Microsoft.gradient(startColorstr=@startColor, endColorstr=@endColor, GradientType=1); // IE9 and down + 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%); @@ -331,7 +331,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: progid:DXImageTransform.Microsoft.gradient(startColorstr=@startColor, endColorstr=@endColor, GradientType=0); // IE9 and down + 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; @@ -351,7 +351,7 @@ background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@startColor, endColorstr=@endColor, GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback + 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; diff --git a/less/progress-bars.less b/less/progress-bars.less index a99b118a03..5979a36915 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -17,6 +17,12 @@ to { background-position: 40px 0; } } +// IE9 +@-ms-keyframes progress-bar-stripes { + from { background-position: 0 0; } + to { background-position: 40px 0; } +} + // Spec @keyframes progress-bar-stripes { from { background-position: 0 0; } |