Господа, чатик по вёрстке уже отдыхает, а я тут запарился...

Question

Господа, чатик по вёрстке уже отдыхает, а я тут запарился...

для ангуляр приложения, честно :D может быть найдёт добрый товарищ кто подскажет умную мысль как превратить в данном примере

https://codepen.io/furevor/pen/pozEROq

ряд вот таких css селекторов
.child:nth-child(1) { order: 0; }
.child:nth-child(5) { order: 0; }

.child:nth-child(2) { order: 1; }
.child:nth-child(6) { order: 1; }

.child:nth-child(3) { order: 2; }
.child:nth-child(7) { order: 2; }

.child:nth-child(4) { order: 3; }
в что-то более универсальное? Мозг уже тю-тю.

Делается это аккурат для заданной ширины и не фиксированной высоты, чтобы ячейки выстраивались именно таким образом. Спасибо!

#angular #frontend #javascript #programming #russian

0

19.08.2019

4 ответов

12 просмотров

Дима 🐌✨

Знаю как с фикс. высотой сделать :D

0

19.08.2019

Eugene

Ты хочешь что-то типа masonry grid сделать ?

0

19.08.2019

Eugene

Это можно сделать с помощью цикла, если ты используешь препроцессор. Что-то типа такого: @for $i from 1 through 5 @each $key in $i .child &:nth-child( #{$key} ), &:nth-child( #{$key + 4} ) order: #{$key}

0

19.08.2019

Smooth Operator · Accepted Answer

Smooth Operator

что то ты явно не так делаешь

0

19.08.2019

169 похожих чатов

Господа, чатик по вёрстке уже отдыхает, а я тут запарился...

4 ответов

Похожие вопросы