mirror of
				https://github.com/twbs/bootstrap.git
				synced 2025-10-31 00:04:27 -04:00 
			
		
		
		
	- Drop hover and focus states - Drop .badge-* variants and associated mixin for .bg-* utilities - Drop .badge-pill for .rounded-pill utliity and adjust horizontal padding to find middle ground of .badge and old .badge-pill - Remove unused variables - Add default color value to .badge base class - Update docs to reflect changes
		
			
				
	
	
		
			29 lines
		
	
	
		
			598 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			29 lines
		
	
	
		
			598 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| // Base class
 | |
| //
 | |
| // Requires one of the contextual, color modifier classes for `color` and
 | |
| // `background-color`.
 | |
| 
 | |
| .badge {
 | |
|   display: inline-block;
 | |
|   padding: $badge-padding-y $badge-padding-x;
 | |
|   @include font-size($badge-font-size);
 | |
|   font-weight: $badge-font-weight;
 | |
|   line-height: 1;
 | |
|   color: $badge-color;
 | |
|   text-align: center;
 | |
|   white-space: nowrap;
 | |
|   vertical-align: baseline;
 | |
|   @include border-radius($badge-border-radius);
 | |
| 
 | |
|   // Empty badges collapse automatically
 | |
|   &:empty {
 | |
|     display: none;
 | |
|   }
 | |
| }
 | |
| 
 | |
| // Quick fix for badges in buttons
 | |
| .btn .badge {
 | |
|   position: relative;
 | |
|   top: -1px;
 | |
| }
 |