mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-12-26 05:21:29 +08:00
4441270ad8
"transform: rotate(0);" makes sense as a default if no --fa-rotate-angle is defined.
32 lines
601 B
Plaintext
32 lines
601 B
Plaintext
// 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,
|
|
.@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical {
|
|
transform: scale(-1, -1);
|
|
}
|
|
|
|
.@{fa-css-prefix}-rotate-by {
|
|
transform: rotate(~'var(--@{fa-css-prefix}-rotate-angle, 0)');
|
|
}
|