// @import "../core/core";

@mixin dc-label {
    display: block;
    margin-bottom: $dc-space50;
    font-size: $dc-font50;
    font-weight: 500;
    line-height: 1.8rem;
    text-transform: uppercase;
}

@mixin dc-label__sub {
    margin-left: $dc-space50;
    color: $dc-gray50;
    font-weight: 300;
    text-transform: capitalize;
}

@mixin dc-label__sub--is-error {
    color: $dc-red40;
}

@mixin dc-label--disabled {
    color: $dc-gray50;
}

@mixin dc-label--is-error {
    &:after {
        color: $dc-red40;
    }
}

@mixin dc-label-selectors {
    .dc-label { @include dc-label; }
    .dc-label__sub { @include dc-label__sub; }
    .dc-label__sub--is-error { @include dc-label__sub--is-error; }
    .dc-label--disabled {  @include dc-label--disabled;  }
    .dc-label--is-error {  @include dc-label--is-error; }
}