mirror of
				https://github.com/JKorf/CryptoExchange.Net
				synced 2025-10-31 10:27:48 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			74 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			74 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| // Container widths
 | |
| //
 | |
| // Set the container width, and override it for fixed navbars in media queries.
 | |
| 
 | |
| @if $enable-grid-classes {
 | |
|   // Single container class with breakpoint max-widths
 | |
|   .container,
 | |
|   // 100% wide container at all breakpoints
 | |
|   .container-fluid {
 | |
|     @include make-container();
 | |
|   }
 | |
| 
 | |
|   // Responsive containers that are 100% wide until a breakpoint
 | |
|   @each $breakpoint, $container-max-width in $container-max-widths {
 | |
|     .container-#{$breakpoint} {
 | |
|       @extend .container-fluid;
 | |
|     }
 | |
| 
 | |
|     @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
 | |
|       %responsive-container-#{$breakpoint} {
 | |
|         max-width: $container-max-width;
 | |
|       }
 | |
| 
 | |
|       // Extend each breakpoint which is smaller or equal to the current breakpoint
 | |
|       $extend-breakpoint: true;
 | |
| 
 | |
|       @each $name, $width in $grid-breakpoints {
 | |
|         @if ($extend-breakpoint) {
 | |
|           .container#{breakpoint-infix($name, $grid-breakpoints)} {
 | |
|             @extend %responsive-container-#{$breakpoint};
 | |
|           }
 | |
| 
 | |
|           // Once the current breakpoint is reached, stop extending
 | |
|           @if ($breakpoint == $name) {
 | |
|             $extend-breakpoint: false;
 | |
|           }
 | |
|         }
 | |
|       }
 | |
|     }
 | |
|   }
 | |
| }
 | |
| 
 | |
| 
 | |
| // Row
 | |
| //
 | |
| // Rows contain your columns.
 | |
| 
 | |
| @if $enable-grid-classes {
 | |
|   .row {
 | |
|     @include make-row();
 | |
|   }
 | |
| 
 | |
|   // Remove the negative margin from default .row, then the horizontal padding
 | |
|   // from all immediate children columns (to prevent runaway style inheritance).
 | |
|   .no-gutters {
 | |
|     margin-right: 0;
 | |
|     margin-left: 0;
 | |
| 
 | |
|     > .col,
 | |
|     > [class*="col-"] {
 | |
|       padding-right: 0;
 | |
|       padding-left: 0;
 | |
|     }
 | |
|   }
 | |
| }
 | |
| 
 | |
| // Columns
 | |
| //
 | |
| // Common styles for small and large grid columns
 | |
| 
 | |
| @if $enable-grid-classes {
 | |
|   @include make-grid-columns();
 | |
| }
 |