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


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

//
// New
//

@badge-border-width:                            0;
@badge-border:                                  transparent;


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

.hook-badge() when not (@badge-border-width = 0) {
    border: @badge-border-width solid @badge-border;
}

.hook-badge-hover() {}


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

.hook-badge-misc() {}


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

@inverse-badge-border:                                 transparent;

.hook-inverse-badge() when not (@badge-border-width = 0) {
    border-color: @inverse-badge-border;
}
.hook-inverse-badge-hover() {}