69 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
		
			Vendored
		
	
	
	
			
		
		
	
	
			69 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
		
			Vendored
		
	
	
	
| //
 | |
| // Alerts
 | |
| // --------------------------------------------------
 | |
| 
 | |
| 
 | |
| // Base styles
 | |
| // -------------------------
 | |
| 
 | |
| .alert {
 | |
|   padding: @alert-padding;
 | |
|   margin-bottom: @line-height-computed;
 | |
|   border: 1px solid transparent;
 | |
|   border-radius: @alert-border-radius;
 | |
| 
 | |
|   // Headings for larger alerts
 | |
|   h4 {
 | |
|     margin-top: 0;
 | |
|     // Specified for the h4 to prevent conflicts of changing @headings-color
 | |
|     color: inherit;
 | |
|   }
 | |
|   // Provide class for links that match alerts
 | |
|   .alert-link {
 | |
|     font-weight: @alert-link-font-weight;
 | |
|   }
 | |
| 
 | |
|   // Improve alignment and spacing of inner content
 | |
|   > p,
 | |
|   > ul {
 | |
|     margin-bottom: 0;
 | |
|   }
 | |
|   > p + p {
 | |
|     margin-top: 5px;
 | |
|   }
 | |
| }
 | |
| 
 | |
| // Dismissible alerts
 | |
| //
 | |
| // Expand the right padding and account for the close button's positioning.
 | |
| 
 | |
| .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
 | |
| .alert-dismissible {
 | |
|   padding-right: (@alert-padding + 20);
 | |
| 
 | |
|   // Adjust close link position
 | |
|   .close {
 | |
|     position: relative;
 | |
|     top: -2px;
 | |
|     right: -21px;
 | |
|     color: inherit;
 | |
|   }
 | |
| }
 | |
| 
 | |
| // Alternate styles
 | |
| //
 | |
| // Generate contextual modifier classes for colorizing the alert.
 | |
| 
 | |
| .alert-success {
 | |
|   .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
 | |
| }
 | |
| .alert-info {
 | |
|   .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
 | |
| }
 | |
| .alert-warning {
 | |
|   .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
 | |
| }
 | |
| .alert-danger {
 | |
|   .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
 | |
| }
 | 
