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


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

@badge-background:                              @global-secondary-background;

//
// Master
//

@badge-box-shadow:                              1px 3px 15px fade(@badge-background, 20%);

@badge-font-family:                             @global-primary-font-family;
@badge-font-weight:                             600;


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

.hook-badge() {}

.hook-badge-hover() {}


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

.hook-badge-misc() {}


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

.hook-inverse-badge() {}
.hook-inverse-badge-hover() {}