@use '@material/typography';
@use '@material/typography/styles';

.mdc-typography {
    &--display-block {
        display: block;
    }

    &--display-inline {
        display: inline;
    }

    &--display-inline-block {
        display: inline-block;
    }

    &--align-left {
        text-align: left;
    }
    
    &--align-right {
        text-align: right;
    }
    
    &--align-center {
        text-align: center;
    }
    
    &--align-justify {
        text-align: justify;
    }
    
    &--no-margin {
        margin: 0;
    }
    
    &--overflow-ellipsis {
        @include typography.overflow-ellipsis;
    }
}