// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

//
// Component: Badge
//
// ========================================================================


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

@badge-background:                              @global-primary-background;
@badge-padding-horizontal:                      8px;
@badge-font-size:                               12px;
@badge-font-weight:                             @global-font-weight;
@badge-line-height:                             20px;
@badge-text-transform:                          uppercase;

@badge-color:                                   @global-contrast-color;
@badge-hover-color:                             @global-contrast-color;

@badge-notification-font-size:                  12px;
@badge-notification-line-height:                20px;

@badge-success-background:                      @global-success-background;
@badge-warning-background:                      @global-warning-background;
@badge-danger-background:                       @global-danger-background;

//
// New
//

@badge-border-radius:                           (@badge-line-height / 2);
@badge-font-family:                        		'Roboto', Helvetica, Arial, sans-serif;
@badge-font-weight:								@global-bold-font-weight;


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

.hook-badge() {
	border-radius: @badge-border-radius;
	font-family: @badge-font-family;
	font-weight: @badge-font-weight;
}


// Color modifier
// ========================================================================

//
// Modifier: `badge-success`
//

.hook-badge-success() {}

//
// Modifier: `badge-warning`
//

.hook-badge-warning() {}

//
// Modifier: `badge-danger`
//

.hook-badge-danger() {}


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

.hook-badge-misc() {}