/* ============================================================================
   06-COMPONENTS -> #LABEL
   ========================================================================= */

/**
 * A text label that describes the purpose of an input.
 */


//
// SCSS imports
//

@use '../01-settings' as *;
@use '../02-tools' as *;


/**
 * Label
 */

.label {
    --label-color: var(--form-label-color);
    --label-font-weight: var(--form-label-font-weight);
    
    @include font-size('sm');
    color: var(--label-color);
    display: inline-block;
    font-weight: var(--label-font-weight);
    margin-bottom: var(--space-2);
    width: 100%;
}