1.main { 2 width: 100%; 3 max-width: map-get($layout, content-max-width); 4 padding: 0 map-get($spacers, 5); 5 margin: 0 auto; 6 @include media-breakpoint-down(lg) { 7 padding: 0 map-get($spacers, 4); 8 } 9 @include media-breakpoint-down(md) { 10 padding: 0 map-get($spacers, 3); 11 } 12} 13 14.has-aside { 15 .main { 16 max-width: map-get($layout, content-max-width) + map-get($layout, aside-width); 17 @include media-breakpoint-down(lg) { 18 max-width: map-get($layout, content-max-width); 19 } 20 } 21} 22 23.full-width { 24 .main { 25 width: 100%; 26 max-width: 100%; 27 } 28}