diff --git a/lib/nib/vendor.styl b/lib/nib/vendor.styl index e6b5fef6..4afe5531 100644 --- a/lib/nib/vendor.styl +++ b/lib/nib/vendor.styl @@ -276,6 +276,16 @@ opacity(n, args...) -ms-filter: '"progid:DXImageTransform.Microsoft.Alpha(Opacity=%s)"' % val args filter: 'alpha(opacity=%s)' % val args +/* + * Blur with conditional IE support. + */ + +blur(radius) + vendor('filter', 'blur(%s)' % radius, only: webkit moz ms official) + + if support-for-ie + filter '"progid:DXImageTransform.Microsoft.Blur(PixelRadius=%d)"' % radius + /* * Vendor "text-size-adjust" */ diff --git a/test/cases/vendor.css b/test/cases/vendor.css index 66a64784..3d1ee179 100644 --- a/test/cases/vendor.css +++ b/test/cases/vendor.css @@ -7,10 +7,21 @@ button { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } +button { + -webkit-filter: blur(5px); + -moz-filter: blur(5px); + filter: blur(5px); + filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=5)"; +} button { opacity: 0.75; white-space: nowrap; } +button { + -webkit-filter: blur(1px); + -moz-filter: blur(1px); + filter: blur(1px); +} button { -webkit-animation-name: myAnimation; -moz-animation-name: myAnimation; diff --git a/test/cases/vendor.styl b/test/cases/vendor.styl index defe38bd..06bcbc8e 100644 --- a/test/cases/vendor.styl +++ b/test/cases/vendor.styl @@ -10,12 +10,18 @@ button button opacity: 0.5 +button + blur: 5px + support-for-ie = false button opacity: 0.75 whitespace: no-wrap +button + blur: 1px + button animation-name: myAnimation; animation-delay: 1s;