From 8b1f54d00e2f57a26c8efc041f9b071f7f77909d Mon Sep 17 00:00:00 2001 From: Jacek Hajduk Date: Mon, 26 May 2014 14:40:18 +0200 Subject: [PATCH] fix Issue with fa-rotate-* in IE9 #3527 --- css/font-awesome.css | 7 +++++++ less/rotated-flipped.less | 9 +++++++++ 2 files changed, 16 insertions(+) diff --git a/css/font-awesome.css b/css/font-awesome.css index eb4127b73..22f0edcd3 100644 --- a/css/font-awesome.css +++ b/css/font-awesome.css @@ -157,6 +157,13 @@ -o-transform: scale(1, -1); transform: scale(1, -1); } +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} .fa-stack { position: relative; display: inline-block; diff --git a/less/rotated-flipped.less b/less/rotated-flipped.less index 8fff3a6c4..564b4f564 100644 --- a/less/rotated-flipped.less +++ b/less/rotated-flipped.less @@ -7,3 +7,12 @@ .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +:root .@{fa-css-prefix}-rotate-90, +:root .@{fa-css-prefix}-rotate-180, +:root .@{fa-css-prefix}-rotate-270, +:root .@{fa-css-prefix}-flip-horizontal, +:root .@{fa-css-prefix}-flip-vertical { + filter: none; +}