Current Directory: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master-florence
Viewing File: /home/astoriaah/www/templates/yootheme/vendor/assets/uikit-themes/master-florence/label.less
//
// Component: Label
//
// ========================================================================
// Variables
// ========================================================================
@label-font-size: 10px;
@label-padding-vertical: 3px;
@label-padding-horizontal: 9px;
@label-background: @global-secondary-background;
@label-color: @global-inverse-color;
@label-success-background: @global-success-background;
@label-success-color: @global-inverse-color;
@label-warning-background: @global-warning-background;
@label-warning-color: @global-inverse-color;
@label-danger-background: @global-danger-background;
@label-danger-color: @global-inverse-color;
//
// Master
//
@label-border-radius: 500px;
@label-box-shadow: @global-small-box-shadow;
@label-success-box-shadow: @global-small-box-shadow;
@label-warning-box-shadow: @global-small-box-shadow;
@label-danger-box-shadow: @global-small-box-shadow;
@label-letter-spacing: 1px;
// 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() {}