it is included a divided class to divide the page into the specified numbers
// xlarge queries (1441px to 1920px) @media only screen and (min-width: 90.063em) and (max-width: 120em) { @for $i from 1 through $total-columns { .xlarge-divide-#{$i} { width: #{100 / $i}% !important; } .xlarge-#{$i} { width: #{(100/$total-columns)*$i}% !important; } } }
// xxlarge queries (1921px up) @media only screen and (min-width: 120em) { @for $i from 1 through $total-columns { .xxlarge-divide-#{$i} { width: #{100 / $i}% !important; } .xxlarge-#{$i} { width: #{(100/$total-columns)*$i}% !important; } } }