grid.scss (389B)
1 @import 'sizes'; 2 3 @import 'grid-container'; 4 5 .row { 6 box-sizing: border-box; 7 display: flex; 8 flex: 0 1 auto; 9 flex-direction: row; 10 flex-wrap: wrap; 11 margin-right: var(--gutter-compensation, -0.5rem); 12 margin-left: var(--gutter-compensation, -0.5rem); 13 } 14 15 .row.reverse { 16 flex-direction: row-reverse; 17 } 18 19 .col { 20 flex-direction: column; 21 } 22 23 .col.reverse { 24 flex-direction: column-reverse; 25 }