//
// - Labels
// -------------------------------------------------------------
@import '../variables/colors.less';
@import '../variables/typography.less';

.o-label {
	background-color: @color-gray-x-dark;
	border-radius: 0.25em;
	color: #fff;
	display: inline;
	font-size: 11px;
	font-weight: @font-weight-medium;
	padding: 2px 6px;
	vertical-align: middle;
	white-space: nowrap;

	&.is-danger { background-color: @color-danger; }
	&.is-info { background-color: @color-info; }
	&.is-success { background-color: @color-success; }

	&.is-warning {
		background-color: @color-warning;
		color: @color-warning-dark;
	}
}