assets/sass/fa-v6/_rotated-flipped.scss

   1 // rotating + flipping icons
   2 // -------------------------
   3
   4 .#{$fa-css-prefix}-rotate-90 {
   5   transform: rotate(90deg);
   6 }
   7
   8 .#{$fa-css-prefix}-rotate-180 {
   9   transform: rotate(180deg);
  10 }
  11
  12 .#{$fa-css-prefix}-rotate-270 {
  13   transform: rotate(270deg);
  14 }
  15
  16 .#{$fa-css-prefix}-flip-horizontal {
  17   transform: scale(-1, 1);
  18 }
  19
  20 .#{$fa-css-prefix}-flip-vertical {
  21   transform: scale(1, -1);
  22 }
  23
  24 .#{$fa-css-prefix}-flip-both,
  25 .#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
  26   transform: scale(-1, -1);
  27 }
  28
  29 .#{$fa-css-prefix}-rotate-by {
  30   transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, none));
  31 }