.u-text {
    &--left {
        text-align: left !important;
    }

    &--right {
        text-align: right !important;
    }

    &--center {
        text-align: center !important;
    }

    for bp in sm md lg xl {
        
        @media (min-width: lookup('$screen--' + bp)) {
            
            for dir in left right center {
                
                &--{dir}\\@{bp} {
                    text-align: dir !important;
                }
            }
        }
    }
}