Label

$label-margin        : 0 0 $spacer--extra-small !default;
$label-margin--inline: 0 $spacer 0 0 !default;
$label-font-size     : $font-size-base !default;
$label-color         : $color-secondary !default;
$label-font-family   : $font-family-base !default;
$label-font-weight   : $font-weight-base !default;
$label-line-height   : $font-line-height !default;
$label-transition    : none !default;

.label {
    display: block;
    margin: $label-margin;
    font-size: $label-font-size;
    color : $label-color;
    font-family: $label-font-family;
    font-weight: $label-font-weight;
    line-height: $label-line-height;
    transition: $label-transition;
    &--inline {
        margin: $label-margin--inline;
    }

    &--hidden {
        @include visually-hidden();
    }
}

label {
    @extend .label;
}