Font-Awesome/scss/_rotated-flipped.scss
2015-06-28 18:45:02 -07:00

41 lines
1022 B
SCSS

// Rotated & Flipped Icons
// -------------------------
$rotations-requiring-ie-fix: (
"flip-horizontal",
"flip-vertical"
);
$rotation-selector: '';
// calculate classes and values for rotation
@for $i from 0 through 359 {
@if $i == 0 or $i % $fa-rotation-increment == 0 {
$rotation-selector: #{$fa-css-prefix}-rotate-#{$i};
.#{$rotation-selector} {
@include fa-icon-rotate($i);
}
// check if this item needs some ie love
@if $i == 0 or $i % 90 == 0 {
$rotations-requiring-ie-fix: append($rotations-requiring-ie-fix, #{$rotation-selector});
}
}
}
// flip icons horizontal/vertical
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// ie 8-9 fix
// -------------------------
// todo: check on assigning an array of selectors to the selector instead of using
// this loop
:root {
@each $fix in $rotations-requiring-ie-fix {
.#{$fix} {
filter: none;
}
}
}