Label

<label class="label" for="">
    label
</label>
<label class="{{ class }}" for="{{ for }}">
    {{ text }}
</label>
{
  "text": "label",
  "class": "label"
}
  • Content:
    $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;
    }
    
  • URL: /components/raw/label/_label.scss
  • Filesystem Path: build/components/Atoms/typography/label/_label.scss
  • Size: 810 Bytes

No notes defined.