меньше миксин или селектор для изменения позиции на основе индекса родного брата?

Я пытаюсь отрегулировать положение нескольких родных братьев в зависимости от того, кем они являются. В настоящее время онивсеposition: absolute, но это'не в камне.

Каждый из них имеет высоту несколько сотен пикселей, но я хочу, чтобы они перекрывали друг друга так, чтобы оставались только позади ».заглянуть» выше тех на несколько пикселей впереди. Самым простым способом, которым я могу придумать, было бы Миксин дляnth-of-type это вместо того, чтобы только применять правила к соответствующему одному индексу, вместо этого передает индекс в mixin. В основном, я хочу это:

&:nth-of-type(@n) {
    top: @n * 20px;
}

Редактировать: что я'м в настоящее время занимаюсь:

&:nth-of-type(1) {
    .card_offset(1);
}
&:nth-of-type(2) {
    .card_offset(2);
}
&:nth-of-type(3) {
    .card_offset(3);
}
&:nth-of-type(4) {
    .card_offset(4);
}

Очевидно, это неоптимально. Есть ли лучший способ сделать это в Меньше?

Кроме того, есть ли поле CSS для чего-то вроде'layout-height' что даст div определенную высоту (не полную высоту) в макете?

Ответы на вопрос(2)

Ваш ответ на вопрос