You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							61 lines
						
					
					
						
							1.5 KiB
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							61 lines
						
					
					
						
							1.5 KiB
						
					
					
				| // | |
| // Text | |
| // | |
|  | |
| // Alignment | |
|  | |
| .text-justify  { text-align: justify !important; } | |
| .text-nowrap   { white-space: nowrap !important; } | |
| .text-truncate { @include text-truncate; } | |
| 
 | |
| // Responsive alignment | |
|  | |
| @each $breakpoint in map-keys($grid-breakpoints) { | |
|   @include media-breakpoint-up($breakpoint) { | |
|     $infix: breakpoint-infix($breakpoint, $grid-breakpoints); | |
| 
 | |
|     .text#{$infix}-left   { text-align: left !important; } | |
|     .text#{$infix}-right  { text-align: right !important; } | |
|     .text#{$infix}-center { text-align: center !important; } | |
|   } | |
| } | |
| 
 | |
| // Transformation | |
|  | |
| .text-lowercase  { text-transform: lowercase !important; } | |
| .text-uppercase  { text-transform: uppercase !important; } | |
| .text-capitalize { text-transform: capitalize !important; } | |
| 
 | |
| // Weight and italics | |
|  | |
| .font-weight-normal { font-weight: $font-weight-normal; } | |
| .font-weight-bold   { font-weight: $font-weight-bold; } | |
| .font-italic        { font-style: italic; } | |
| 
 | |
| // Contextual colors | |
|  | |
| .text-white { | |
|   color: #fff !important; | |
| } | |
| 
 | |
| @include text-emphasis-variant('.text-muted', $text-muted); | |
| 
 | |
| @include text-emphasis-variant('.text-primary', $brand-primary); | |
| 
 | |
| @include text-emphasis-variant('.text-success', $brand-success); | |
| 
 | |
| @include text-emphasis-variant('.text-info', $brand-info); | |
| 
 | |
| @include text-emphasis-variant('.text-warning', $brand-warning); | |
| 
 | |
| @include text-emphasis-variant('.text-danger', $brand-danger); | |
| 
 | |
| // Font color | |
|  | |
| @include text-emphasis-variant('.text-gray-dark', $gray-dark); | |
| 
 | |
| // Misc | |
|  | |
| .text-hide { | |
|   @include text-hide(); | |
| }
 |