///
/// Predefined class for horizontal flip.
/// Applies the horizontal flip mixin.
/// 
.transform_flip_horizontal {
    @include transform_flip_horizontal;
}

///
/// Predefined class for vertical flip.
/// Applies the vertical flip mixin.
/// 
.transform_flip_vertical {
    @include transform_flip_vertical;
}

///
/// Predefined class for both horizontal and vertical flips.
/// Applies the mixin that combines both transformations.
/// 
.transform_flip_both {
    @include transform_flip_both();
}

///
/// Alternate combination class for both horizontal and vertical flips.
/// Combines the horizontal and vertical flip classes.
/// 
.transform_flip_horizontal.transform_flip_vertical {
    @include transform_flip_both(); // Ensures both flips are applied
}




///
/// Predefined class for rotating elements by 90 degrees.
/// Applies the 90 degrees rotation mixin.
/// 
.transform_rotate_90  {
    @include transform_rotate(90deg);
}

///
/// Predefined class for rotating elements by 180 degrees.
/// Applies the 180 degrees rotation mixin.
/// 
.transform_rotate_180 {
    @include transform_rotate(180deg);
}

///
/// Predefined class for rotating elements by 270 degrees.
/// Applies the 270 degrees rotation mixin.
/// 
.transform_rotate_270 {
    @include transform_rotate(270deg);
}

///
/// Predefined class for dynamic rotation using a CSS variable.
/// Allows rotation to be controlled via the CSS variable `--rotation-angle`.
///
.transform_rotate_dynamic {
    @include transform_rotate_dynamic();
}







$default-rotation: 0deg !default;
$rotation-90: 90deg !default;
$rotation-180: 180deg !default;
$rotation-270: 270deg !default;

$default-scale: 1 !default;
$scale-up: 1.2 !default;
$scale-down: 0.8 !default;

$default-translate: 0 !default;
$translate-x: 10px !default;
$translate-y: 10px !default;

$default-skew: 0deg !default;
$skew-x: 10deg !default;
$skew-y: 10deg !default;

///
/// Predefined class for scaling elements up.
///
.scale_up {
    @include scale($scale-up);
}

///
/// Predefined class for scaling elements down.
///
.scale_down {
    @include scale($scale-down);
}

///
/// Predefined class for translating elements by predefined X and Y values.
///
.translate_xy {
    @include translate($translate-x, $translate-y);
}

///
/// Predefined class for skewing elements by predefined X and Y angles.
///
.skew_xy {
    @include skew($skew-x, $skew-y);
}