Is it possible to determine the elements from the last row in flexbox or count the number of elements in css?

Question

css

Hello, help me, I'm making a mixin to create grids from a given number of columns and indent between them.
An example can be looked at - https://jsfiddle.net/yof4trp0/
But here's the problem - you need to remove the margin-bottom from the elements in the last line, otherwise it turns out ugly
Question: is it possible to somehow calculate the number of current elements inside the container? To do something like this:

&:nth-last-of-type(-n + abs($elemCount / $count)) {
    margin-bottom: 0;
}

Maybe there is some other way to remove the margin-bottom from the last line?

Answer 1

Instead of margin-bottom, set margin-top , and set the first count elements to 0:

margin-top: $margin;

@for $i from 1 through $count {
  &:nth-child(#{$i}) {
    margin-top: 0;
  }
}