/**
 * NanoSupport Label styles.
 *
 * @package NanoSupport
 */

.ns-label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: $label-color;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;

	// [converter] extracted a& to a.ns-label

	// Empty labels collapse automatically (not available in IE8)
	&:empty {
		display: none;
	}

	// Quick fix for labels in buttons
	.btn & {
		position: relative;
		top: -1px;
	}
}

// Add hover effects, but only for links
a.ns-label {
	&:hover,
	&:focus {
		color: $label-link-hover-color;
		text-decoration: none;
		cursor: pointer;
	}
}

.ns-label-default {
	@include label-variant($label-default-bg, $label-color);
	border: 1px solid $label-color;
}

.ns-label-normal {
	@include label-variant($label-normal-bg, $label-normal-color);
}

.ns-label-primary {
	@include label-variant($label-primary-bg, $label-primary-color);
}

.ns-label-success {
	@include label-variant($label-success-bg, $label-success-color);
}

.ns-label-info {
	@include label-variant($label-info-bg, $label-info-color);
}

.ns-label-warning {
	@include label-variant($label-warning-bg, $label-warning-color);
}

.ns-label-danger {
	@include label-variant($label-danger-bg, $label-danger-color);
}