4 @mixin gridCol($numOfCols, $flexBasis) {
5 .#{grid-col- + $numOfCols} {
6 @extend %grid-col-base;
7 flex-basis: $flexBasis;
8 &:not(.last-col-in-row):after {
9 flex-basis: $gridItemSpace / $numOfCols;
15 @mixin gridColWithLastColumn($numOfCols, $flexBasis, $flexBasisLast) {
16 .#{grid-col- + $numOfCols} {
17 @extend %grid-col-base;
18 &:not(.last-col-in-row) {
19 flex-basis: $flexBasis;
23 flex-basis: $flexBasisLast;
28 &:not(:last-of-type) {
46 flex-direction: column;
54 flex-direction: column;
59 @include gridColWithLastColumn(1, 21%, 22%);
60 @include gridColWithLastColumn(2, 47%, 48%);
61 @include gridColWithLastColumn(3, 73%, 74%);
62 @include gridColWithLastColumn(4, 100%, 100%);
65 &:not(.has-last-col-set) {
66 @include gridCol(1, 25%);
67 @include gridCol(2, 50%);
68 @include gridCol(3, 75%);
69 @include gridCol(4, 100%);