Fixes filter property for old IE versions

Escaping the following symbols eliminates "Unexpected CSS token: :" warnings on Safari browser (as issued on https://github.com/FortAwesome/Font-Awesome/issues/5043#issuecomment-64542194).
This commit is contained in:
Julius 2014-11-26 10:42:30 +00:00
parent a65bd93d81
commit 77ef2adcc4

10
css/font-awesome.css vendored
View File

@ -101,31 +101,31 @@
} }
} }
.fa-rotate-90 { .fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); filter: progid\:DXImageTransform\.Microsoft\.BasicImage(rotation\=1);
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg); -ms-transform: rotate(90deg);
transform: rotate(90deg); transform: rotate(90deg);
} }
.fa-rotate-180 { .fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); filter: progid\:DXImageTransform\.Microsoft\.BasicImage(rotation\=2);
-webkit-transform: rotate(180deg); -webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg); -ms-transform: rotate(180deg);
transform: rotate(180deg); transform: rotate(180deg);
} }
.fa-rotate-270 { .fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); filter: progid\:DXImageTransform\.Microsoft\.BasicImage(rotation\=3);
-webkit-transform: rotate(270deg); -webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg); -ms-transform: rotate(270deg);
transform: rotate(270deg); transform: rotate(270deg);
} }
.fa-flip-horizontal { .fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); filter: progid\:DXImageTransform\.Microsoft\.BasicImage(rotation\=0, mirror\=1);
-webkit-transform: scale(-1, 1); -webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1); -ms-transform: scale(-1, 1);
transform: scale(-1, 1); transform: scale(-1, 1);
} }
.fa-flip-vertical { .fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); filter: progid\:DXImageTransform\.Microsoft\.BasicImage(rotation\=2, mirror\=1);
-webkit-transform: scale(1, -1); -webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1); -ms-transform: scale(1, -1);
transform: scale(1, -1); transform: scale(1, -1);