@import "../themes/liberty.globals";
@import "../themes/liberty.mixins";

// Text Transformation
// --------------------------------------------------
// Creates text transform attributes based on screen size

@each $breakpoint in map-keys($screen-breakpoints) {
    $infix: breakpoint-infix($breakpoint, $screen-breakpoints);

    @include media-breakpoint-up($breakpoint, $screen-breakpoints) {
        // Provide `[text-{bp}]` attributes for transforming the text based
        // on the breakpoint
        .lu-text#{$infix}-uppercase,
        [text#{$infix}-uppercase] {
            /* stylelint-disable-next-line declaration-no-important */
            text-transform: uppercase !important;
        }

        .lu-text#{$infix}-lowercase,
        [text#{$infix}-lowercase] {
            /* stylelint-disable-next-line declaration-no-important */
            text-transform: lowercase !important;
        }

        .lu-text#{$infix}-capitalize,
        [text#{$infix}-capitalize] {
            /* stylelint-disable-next-line declaration-no-important */
            text-transform: capitalize !important;
        }
    }
}