for $size, $width in $grid-breakpoints
    +Fallback()
        @media all and (min-width: $width)
            .text-{$size}-left
                text-align: left !important

            .text-{$size}-center
                text-align: center !important

            .text-{$size}-right
                text-align: right !important

            .text-{$size}-justify
                text-align: justify !important

for $size, $width in $grid-breakpoints
    +Override($size)
        .text-{$size}-left
            text-align: left !important

        .text-{$size}-center
            text-align: center !important

        .text-{$size}-right
            text-align: right !important

        .text-{$size}-justify
            text-align: justify !important

for $name, $weight in $font-weights
    .font-weight
        &-{$name}
            font-weight: $weight !important

.font-italic
    font-style: italic !important

.text-capitalize
    text-transform: capitalize !important

.text-lowercase
    text-transform: lowercase !important

.text-uppercase
    text-transform: uppercase !important

.text-no-wrap
    white-space: nowrap !important

.text-truncate
    white-space: nowrap !important
    overflow: hidden !important
    text-overflow: ellipsis !important