#css #angular #sass #scss-mixins
#css #угловой #sass #scss-микширование
Вопрос:
Мне нужно иметь некоторый стек divs, которые находятся друг над другом. Количество блоков определяется длиной заданного массива, который находится в моем компоненте, который является динамическим. Например, если размер массива равен 2, результат будет:
Если размер массива равен 3, результат будет
Я понимаю, что мне нужно перебрать количество блоков, которые я хочу, и transform: translate(-50% *(i), -50% * i)
где i — индекс for, который начинается с 1. как я могу достичь этого, используя только scss / css? Как мне передать переменную, чтобы выполнить цикл по ней? Или есть другой способ, который можно сделать?
В моем компоненте у меня есть массив, он может изменять свой размер. Количество блоков должно соответствовать размеру этого массива. Спасибо
Комментарии:
1. В моем компоненте у меня есть массив элементов, размер стека должен быть равен длине этого массива.
2. @Paulie_D проверьте еще раз, отредактировал ли я сообщение
3. Вам лучше использовать отрицательный запас…
4. может ли кто-нибудь создать stackblitz с примером?
5. не блиц, а ручка: codepen.io/gc-nomade/pen/RwaQyyq для демонстрации идеи и цикла