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 }