.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    @include center-block;
    clear: both;
}

@each $breakpoint in map-keys($grid-breakpoints) {
    @include media-breakpoint-up($breakpoint) {
        @each $position in (left, right, center) {
            .text-align-#{$breakpoint}-#{$position} {
                text-align: $position;
            }
        }
    }
}

@include media-breakpoint-up(lg) {
    [text-align='left'] {
        text-align: left;
    }

    [text-align='right'] {
        text-align: right;
    }

    [text-align='center'] {
        text-align: center;
    }

}
