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

@label-padding-vertical:                        2px;
@label-padding-horizontal:                      5px;
@label-background:                              transparent;
@label-font-size:                               10px;
@label-color:                                   @global-emphasis-color;

@label-success-background:                      transparent;
@label-success-color:                           @global-success-background;
@label-warning-background:                      transparent;
@label-warning-color:                           @global-warning-background;
@label-danger-background:                       transparent;
@label-danger-color:                            @global-danger-background;

//
// Master
//

@label-font-weight:                             500;

@label-border-width:                            @global-border-width;
@label-border:                                  @label-color;

@label-success-border:                          @global-success-background;
@label-warning-border:                          @global-warning-background;
@label-danger-border:                           @global-danger-background;

@label-letter-spacing:                          1px;


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


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

.hook-label() {}


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

.hook-label-success() {}

.hook-label-warning() {}

.hook-label-danger() {}


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

.hook-label-misc() {}


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

.hook-inverse-label() {}