www/packages/fontawesome-free-7.2.0-web/scss/_rotated-flipped.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

// rotating + flipping icons
// -------------------------
@use 'variables' as v;

.#{v.$css-prefix}-rotate-90 {
  transform: rotate(90deg);
}

.#{v.$css-prefix}-rotate-180 {
  transform: rotate(180deg);
}

.#{v.$css-prefix}-rotate-270 {
  transform: rotate(270deg);
}

.#{v.$css-prefix}-flip-horizontal {
  transform: scale(-1, 1);
}

.#{v.$css-prefix}-flip-vertical {
  transform: scale(1, -1);
}

.#{v.$css-prefix}-flip-both,
.#{v.$css-prefix}-flip-horizontal.#{v.$css-prefix}-flip-vertical {
  transform: scale(-1, -1);
}

.#{v.$css-prefix}-rotate-by {
  transform: rotate(var(--#{v.$css-prefix}-rotate-angle, 0));
}