FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-01-16 02:00:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Flip flopping loops, reverting last 'fix'.

Browse Source
This commit is contained in:
Macdonald, Zak 2015-06-28 21:49:22 -07:00
parent 6a81b209ca
commit e5016e0468
4 changed files with 67 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
css/font-awesome.css vendored
View File

@ -122,6 +122,50 @@
transform: rotate(359deg);
}
}
.fa-rotate-315 {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-rotate-225 {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-135 {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.fa-rotate-0 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
@ -134,6 +178,18 @@
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-270 {
filter: none;
}
:root .fa-rotate-180 {
filter: none;
}
:root .fa-rotate-90 {
filter: none;
}
:root .fa-rotate-0 {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;

2
css/font-awesome.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
less/rotated-flipped.less
View File

@ -7,13 +7,13 @@
@rotation-selector: '';
// calculate classes and values for rotation
.calculateRotations(@i) when (@i <= 0) {
.calculateRotations(@i) when (@i >= 0) {
@rotation-selector: ~"@{fa-css-prefix}-rotate-@{i}";
.@{rotation-selector} when (mod(@i, @fa-rotation-increment) = 0) {
.fa-icon-rotate(@i);
}
.calculateRotations((@i + 1));
.calculateRotations((@i - 1));
}
.calculateRotations(359);
@ -27,14 +27,14 @@
// this loop
:root {
.calculateIEFixes(@i) when (@i <= 0) {
@rotation-selector: ~"@{wi-css-prefix}-rotate-@{i}";
.calculateIEFixes(@i) when (@i >= 0) {
@rotation-selector: ~"@{fa-css-prefix}-rotate-@{i}";
// check if this item needs some ie love
.@{rotation-selector} when (mod(@i, 90) = 0) {
filter: none;
}
.calculateIEFixes((@i + 1));
.calculateIEFixes((@i - 1));
}
.calculateIEFixes(359);
}

10
src/assets/font-awesome/less/rotated-flipped.less vendored
View File

@ -10,13 +10,13 @@
@rotation-selector: '';
// calculate classes and values for rotation
.calculateRotations(@i) when (@i <= 0) {
.calculateRotations(@i) when (@i >= 0) {
@rotation-selector: ~"@{fa-css-prefix}-rotate-@{i}";
.@{rotation-selector} when (mod(@i, @fa-rotation-increment) = 0) {
.fa-icon-rotate(@i);
}
.calculateRotations((@i + 1));
.calculateRotations((@i - 1));
}
.calculateRotations(359);
@ -30,14 +30,14 @@
// this loop
:root {
.calculateIEFixes(@i) when (@i <= 0) {
@rotation-selector: ~"@{wi-css-prefix}-rotate-@{i}";
.calculateIEFixes(@i) when (@i >= 0) {
@rotation-selector: ~"@{fa-css-prefix}-rotate-@{i}";
// check if this item needs some ie love
.@{rotation-selector} when (mod(@i, 90) = 0) {
filter: none;
}
.calculateIEFixes((@i + 1));
.calculateIEFixes((@i - 1));
}
.calculateIEFixes(359);
}