Bootstrap/less/badges.less

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


// Base classes
.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;
  }
}

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

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

// Account for counters in navs
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: @badge-active-color;
  background-color: @badge-active-bg;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
standardize top level file comments 2012-06-28 21:46:45 -07:00			`//`
Drop the recently added .counter class for .badge 2013-02-17 21:06:20 -08:00			`// Badges`
standardize top level file comments 2012-06-28 21:46:45 -07:00			`// --------------------------------------------------`

remove separate badges and labels, add single file instead, remove hover from non-link badges/labels 2012-03-22 16:02:00 -07:00
			`// Base classes`
Drop the recently added .counter class for .badge 2013-02-17 21:06:20 -08:00			`.badge {`
fixes #5275: inline-block badges and labels, then fix padding accordingly 2012-10-01 12:04:10 -07:00			`display: inline-block;`
Tighten up badges docs; less bottom margin on h3 2013-01-19 18:53:41 -08:00			`min-width: 10px;`
			`padding: 3px 7px;`
Use @font-size-... variables instead of hardcoded font-size in px 2013-04-24 00:41:06 +02:00			`font-size: @font-size-small;`
move things around Moved alerts, badges, button groups, buttons, carousel, close to variables.less and customize.html 2013-07-28 17:32:08 +05:00			`font-weight: @badge-font-weight;`
move badges inline properties to variables.less 2013-07-19 18:29:19 +05:00			`color: @badge-color;`
move things around Moved alerts, badges, button groups, buttons, carousel, close to variables.less and customize.html 2013-07-28 17:32:08 +05:00			`line-height: @badge-line-height;`
Improves label and badge alignment so text aligns with baseline 2013-07-30 11:23:25 -04:00			`vertical-align: baseline;`
remove separate badges and labels, add single file instead, remove hover from non-link badges/labels 2012-03-22 16:02:00 -07:00			`white-space: nowrap;`
Tighten up badges docs; less bottom margin on h3 2013-01-19 18:53:41 -08:00			`text-align: center;`
Update vars for badges, breadcrumbs; update customize page 2013-07-20 00:03:08 -07:00			`background-color: @badge-bg;`
move things around Moved alerts, badges, button groups, buttons, carousel, close to variables.less and customize.html 2013-07-28 17:32:08 +05:00			`border-radius: @badge-border-radius;`
remove separate badges and labels, add single file instead, remove hover from non-link badges/labels 2012-03-22 16:02:00 -07:00
fixes #9241: enable collapsing for labels, in addition to badges, when empty 2013-08-11 12:43:43 -07:00			`// Empty badges collapse automatically (not available in IE8)`
Fixes #5775: Collapse labels/badges * When :empty, display: none; * Add documentation for change in behavior 2012-11-03 13:18:23 -07:00			`&:empty {`
			`display: none;`
			`}`
			`}`

remove separate badges and labels, add single file instead, remove hover from non-link badges/labels 2012-03-22 16:02:00 -07:00			`// Hover state, but only for links`
Drop the recently added .counter class for .badge 2013-02-17 21:06:20 -08:00			`a.badge {`
Merge branch '2.3.0-wip' into 3.0.0-wip Conflicts: docs/assets/css/bootstrap-responsive.css docs/assets/css/bootstrap.css docs/examples/hero.html less/buttons.less less/carousel.less less/close.less less/dropdowns.less less/labels-badges.less less/mixins.less less/navbar.less less/navs.less less/pagination.less less/responsive-navbar.less less/scaffolding.less less/sprites.less less/thumbnails.less less/type.less 2013-02-05 19:53:44 -08:00			`&:hover,`
			`&:focus {`
move badges inline properties to variables.less 2013-07-19 18:29:19 +05:00			`color: @badge-link-hover-color;`
remove separate badges and labels, add single file instead, remove hover from non-link badges/labels 2012-03-22 16:02:00 -07:00			`text-decoration: none;`
			`cursor: pointer;`
			`}`
			`}`

fixes #3900: nudge badges in buttons up 1px 2012-07-30 13:25:27 -07:00			`// Quick fix for labels/badges in buttons`
refactor {badges,jumbotron,media,popover,print}.less (mostly nesting) 2013-07-06 22:02:58 -07:00			`.btn .badge {`
			`position: relative;`
			`top: -1px;`
fixes #3900: nudge badges in buttons up 1px 2012-07-30 13:25:27 -07:00			`}`
Tighten up badges docs; less bottom margin on h3 2013-01-19 18:53:41 -08:00
			`// Account for counters in navs`
Remove .nav-list given new .list-group 2013-03-30 16:56:49 -07:00			`a.list-group-item.active > .badge,`
Drop the recently added .counter class for .badge 2013-02-17 21:06:20 -08:00			`.nav-pills > .active > a > .badge {`
Update vars for badges, breadcrumbs; update customize page 2013-07-20 00:03:08 -07:00			`color: @badge-active-color;`
Improved and followed pattern suggestions 2013-07-19 23:14:13 +05:00			`background-color: @badge-active-bg;`
Tighten up badges docs; less bottom margin on h3 2013-01-19 18:53:41 -08:00			`}`
Drop the recently added .counter class for .badge 2013-02-17 21:06:20 -08:00			`.nav-pills > li > a > .badge {`
Tighten up badges docs; less bottom margin on h3 2013-01-19 18:53:41 -08:00			`margin-left: 3px;`
			`}`