git

My personal website source code
Log | Files | Refs | Submodules | README | LICENSE

grid-container.scss (567B)


      1 @import 'sizes';
      2 
      3 .container-fluid,
      4 .container {
      5 	margin-right: auto;
      6 	margin-left: auto;
      7 }
      8 
      9 .container-fluid {
     10 	padding-bottom: 1rem;
     11 }
     12 
     13 @media (min-width: $normal-screen)
     14 {
     15 	.container-fluid {
     16 		padding-right: 2rem;
     17 		padding-left: 2rem;
     18 	}
     19 }
     20 
     21 @media (max-width: $normal-screen), print
     22 {
     23 	.container-fluid {
     24 		padding-right: 1rem;
     25 		padding-left: 1rem;
     26 	}
     27 }
     28 
     29 @media (--sm-viewport) {
     30 	.container {
     31 		width: $small-screen;
     32 	}
     33 }
     34 
     35 @media (--md-viewport) {
     36 	.container {
     37 		width: $normal-screen;
     38 	}
     39 }
     40 
     41 @media (--lg-viewport) {
     42 	.container {
     43 		width: $wide-screen;
     44 	}
     45 }