2022-02-08 04:16:51 +08:00
|
|
|
// rotating + flipping icons
|
|
|
|
// -------------------------
|
|
|
|
|
|
|
|
.#{$fa-css-prefix}-rotate-90 {
|
|
|
|
transform: rotate(90deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.#{$fa-css-prefix}-rotate-180 {
|
|
|
|
transform: rotate(180deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.#{$fa-css-prefix}-rotate-270 {
|
|
|
|
transform: rotate(270deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.#{$fa-css-prefix}-flip-horizontal {
|
|
|
|
transform: scale(-1, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.#{$fa-css-prefix}-flip-vertical {
|
|
|
|
transform: scale(1, -1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.#{$fa-css-prefix}-flip-both,
|
2024-04-03 02:54:47 +08:00
|
|
|
.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
|
2022-02-08 04:16:51 +08:00
|
|
|
transform: scale(-1, -1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.#{$fa-css-prefix}-rotate-by {
|
2024-04-03 02:54:47 +08:00
|
|
|
transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, 0));
|
2022-02-08 04:16:51 +08:00
|
|
|
}
|