_rotated-flipped.less 604 B

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