_rotated-flipped.scss 620 B

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