badges.less
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

badges.less
View Options

	//
	// Badges
	// --------------------------------------------------


	// Base class
	.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: @font-size-small;
	font-weight: @badge-font-weight;
	color: @badge-color;
	line-height: @badge-line-height;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: @badge-bg;
	border-radius: @badge-border-radius;

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

	// Quick fix for badges in buttons
	.btn & {
	position: relative;
	top: -1px;
	}
	.btn-xs & {
	top: 0;
	padding: 1px 5px;
	}

	// Hover state, but only for links
	a& {
	&:hover,
	&:focus {
	color: @badge-link-hover-color;
	text-decoration: none;
	cursor: pointer;
	}
	}

	// Account for badges in navs
	.list-group-item.active > &,
	.nav-pills > .active > a > & {
	color: @badge-active-color;
	background-color: @badge-active-bg;
	}
	.list-group-item > & {
	float: right;
	}
	.list-group-item > & + & {
	margin-right: 5px;
	}
	.nav-pills > li > a > & {
	margin-left: 3px;
	}
	}