From 7902eb73845351cd10032d281ee6af9acdca8a69 Mon Sep 17 00:00:00 2001 From: David Luevano Alvarado Date: Thu, 25 Feb 2021 03:59:32 -0700 Subject: First webpage commit --- static/fa/scss/_rotated-flipped.scss | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 static/fa/scss/_rotated-flipped.scss (limited to 'static/fa/scss/_rotated-flipped.scss') 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; + } +} -- cgit v1.2.3-54-g00ecf