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


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

@label-padding-vertical:                        0;
@label-padding-horizontal:                      6px;
@label-background:                              transparent;
@label-color:                                   @global-secondary-background;

@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-border-width:                            @global-border-width;
@label-border:                                  @global-secondary-background;

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


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

.hook-label() {}


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

.hook-label-success() {}

.hook-label-warning() {}

.hook-label-danger() {}


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

.hook-label-misc() {}


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

@inverse-label-background:                     transparent;
@inverse-label-color:                          @inverse-global-emphasis-color;
@inverse-label-border:                         @inverse-global-primary-background;

.hook-inverse-label() {}
