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


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

@label-padding-vertical:                        2px;
@label-padding-horizontal:                      10px;

@label-background:                              transparent;
@label-color:                                   #7370FF;

@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-family:                             @global-font-family;
@label-font-weight:                             normal;
@label-text-transform:                          uppercase;
@label-letter-spacing:                          2px;
@label-font-style:                              normal;

@label-border-radius:                           500px;

@label-border-width:                            @global-border-width;
@label-border:                                  #7370FF;

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

@label-font-weight:                             600;
@label-letter-spacing:                          1px;


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

.hook-label() {}


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

.hook-label-success() {}

.hook-label-warning() {}

.hook-label-danger() {}


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

.hook-label-misc() {}


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

.hook-inverse-label() {}
