@import "../../styles/typography";
@import "../../styles/color";
@import "../../styles/sizes";


.one-ui-span {
    $root: &;
    font-family: $con-font;
    color: inherit;
    font-variant-ligatures: none;
    white-space: pre-line;
    line-height: 140%;
    height: auto;
    font-size: inherit;
    display: inline-flex;

    @include setColor();

    &--weight {
        &-bold {
            @include font("bold");
        }

        &-regular {
            @include font("regular");
        }
    }
    &--uppercase{
        text-transform: uppercase;
    }

    &--underline{
        border-bottom: 1px solid color(dark);
    }

    &--tabularNumbers{
        @include font('digit-tab');
    }
}