@mixejuxix

Возможно ли определить элементы из последней строки в flexbox или посчитать в css кол-во элементов?

Пилю миксин для создания сеток из заданного количества колонок и отступа между ними.
Пример можно глянуть на - https://jsfiddle.net/yof4trp0/.

Но вот проблема - у элементов в последней строчке нужно убрать margin-bottom, иначе получается некрасиво.

Можно ли как-то посчитать количество текущих элементов внутри контейнера? Чтобы сделать как-то так:

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

Может есть еще какой-то способ снять margin-bottom с последней строчки?
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
0xD34F
@0xD34F
Вместо margin-bottom задавайте margin-top, и первым count элементам выставляйте 0:

margin-top: $margin;

@for $i from 1 through $count {
  &:nth-child(#{$i}) {
    margin-top: 0;
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы