mirror of https://github.com/twbs/bootstrap.git
				
				
				
			
		
			
				
	
	
		
			61 lines
		
	
	
		
			965 B
		
	
	
	
		
			SCSS
		
	
	
	
			
		
		
	
	
			61 lines
		
	
	
		
			965 B
		
	
	
	
		
			SCSS
		
	
	
	
| // scss-lint:disable ImportantRule
 | |
| 
 | |
| .bd-pageheader {
 | |
|   padding: 2rem ($grid-gutter-width-base / 2);
 | |
|   margin-bottom: 1.5rem;
 | |
|   color: $bd-purple-light;
 | |
|   text-align: center;
 | |
|   background-color: $bd-purple;
 | |
| 
 | |
|   .container {
 | |
|     position: relative;
 | |
|   }
 | |
| 
 | |
|   h1 {
 | |
|     font-size: 3rem;
 | |
|     font-weight: normal;
 | |
|     color: #fff;
 | |
|   }
 | |
| 
 | |
|   p {
 | |
|     margin-bottom: 0;
 | |
|     font-size: 1.25rem;
 | |
|     font-weight: 300;
 | |
|   }
 | |
| 
 | |
|   @include media-breakpoint-up(sm) {
 | |
|     padding-top: 4rem;
 | |
|     padding-bottom: 4rem;
 | |
|     margin-bottom: 3rem;
 | |
|     text-align: left;
 | |
| 
 | |
|     .carbonad {
 | |
|       margin: 2rem 0 0 !important;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   @include media-breakpoint-up(md) {
 | |
|     h1 {
 | |
|       font-size: 4rem;
 | |
|     }
 | |
| 
 | |
|     p {
 | |
|       font-size: 1.5rem;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   @include media-breakpoint-up(lg) {
 | |
|     h1,
 | |
|     p {
 | |
|       margin-right: 380px;
 | |
|     }
 | |
| 
 | |
|     .carbonad {
 | |
|       position: absolute;
 | |
|       top: 0;
 | |
|       right: .75rem; // offset from the .container's padding
 | |
|       margin: 0 !important;
 | |
|     }
 | |
|   }
 | |
| }
 |