//
// Component: Label
//
// ========================================================================


// Variables
// ========================================================================

//
// Master
//

@label-text-transform:                          uppercase;
@label-font-size:                               12px;

@label-padding-vertical:                        2px;
@label-padding-horizontal:                      10px;
@label-background:                              @global-primary-background;
@label-line-height:                             @global-line-height;

@label-border-radius:                           @global-border-radius;


// Variables
// ========================================================================


// Component
// ========================================================================

.hook-label() {}


// Color modifiers
// ========================================================================

.hook-label-success() {}

.hook-label-warning() {}

.hook-label-danger() {}


// Miscellaneous
// ========================================================================

.hook-label-misc() {}


// Inverse
// ========================================================================

.hook-inverse-label() {}