summaryrefslogtreecommitdiff
path: root/static/fa/scss/_rotated-flipped.scss
diff options
context:
space:
mode:
authorDavid Luevano Alvarado <david@luevano.xyz>2021-02-25 03:59:32 -0700
committerDavid Luevano Alvarado <david@luevano.xyz>2021-02-25 03:59:32 -0700
commit7902eb73845351cd10032d281ee6af9acdca8a69 (patch)
tree1b44904050b1b872a6416c280cce226fd3e4116b /static/fa/scss/_rotated-flipped.scss
First webpage commit
Diffstat (limited to 'static/fa/scss/_rotated-flipped.scss')
-rw-r--r--static/fa/scss/_rotated-flipped.scss24
1 files changed, 24 insertions, 0 deletions
diff --git a/static/fa/scss/_rotated-flipped.scss b/static/fa/scss/_rotated-flipped.scss
new file mode 100644
index 0000000..164d972
--- /dev/null
+++ b/static/fa/scss/_rotated-flipped.scss
@@ -0,0 +1,24 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
+.#{$fa-css-prefix}-flip-both, .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root {
+ .#{$fa-css-prefix}-rotate-90,
+ .#{$fa-css-prefix}-rotate-180,
+ .#{$fa-css-prefix}-rotate-270,
+ .#{$fa-css-prefix}-flip-horizontal,
+ .#{$fa-css-prefix}-flip-vertical,
+ .#{$fa-css-prefix}-flip-both {
+ filter: none;
+ }
+}