5ab56faadd
Partially fixes issue #3256 by updating SASS syntax in main SCSS files. To fully address the issue, FontAwesome should be updated to `v7.x` and Tabler to `v3.30` or higher (see Tabler fix [here](https://github.com/tabler/tabler-icons/pull/1256)), where the SCSS has been fixed. --------- Signed-off-by: George Araújo <george.gcac@gmail.com> Co-authored-by: George Araújo <george.gcac@gmail.com>
33 lines
620 B
SCSS
33 lines
620 B
SCSS
// 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));
|
|
}
|