| Current Path : /home/s/u/n/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/ |
| Current File : /home/s/u/n/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/badge.less |
// Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */
//
// Component: Badge
//
// ========================================================================
// Variables
// ========================================================================
@badge-background: @global-primary-background;
@badge-padding-horizontal: 10px;
@badge-font-size: round((@global-font-size * 0.85)); // 12px
@badge-font-weight: 300;
@badge-line-height: round((@badge-font-size * 1.64)); // 14px
@badge-color: @global-contrast-color;
@badge-text-transform: lowercase;
@badge-notification-font-size: round((@global-font-size * 0.85)); // 12px
@badge-notification-line-height: round((@badge-notification-font-size * 1.5)); // 18px
@badge-success-background: @global-success-background;
@badge-warning-background: @global-warning-background;
@badge-danger-background: @global-danger-background;
// Component
// ========================================================================
.hook-badge() {
border-radius: @global-border-radius - 1;
border: 1px solid @global-border;
}
// Color modifier
// ========================================================================
//
// Modifier: `badge-success`
//
.hook-badge-success() { }
//
// Modifier: `badge-warning`
//
.hook-badge-warning() { }
//
// Modifier: `badge-danger`
//
.hook-badge-danger() { }
// Miscellaneous
// ========================================================================
.hook-badge-misc() {
.uk-badge-notification {
padding: 0 6px;
}
}