Ну смотри потому что есть до сих пор оптимизация кода и очистка кода в scss файлах, щас внедряем миксины.

И вполне вероятно что половина кода просто превратится в миксины.

И чтобы не делать по одному, хотелось бы знаешь как в C++, подключить все scss файлы и все файлы скомпилировать

На чистом или scss?

Можно на SCSS.
Но количество элементов неизвестно. Их может быть как 7, так и 100

Потому через + не вариант)

Так стоп, я неправильно прочитал)) ниже это в каком смысле?

Добро пожаловать, Dima! Тут мы обсуждаем вопросы по вёрстке. Чаты по JavaScript найдёшь в описании.

Мы всегда рады помочь, но у нас есть правила.

Задавай свой вопрос сразу и полностью: nometa.xyz. Отдельно здороваться не нужно: neprivet.ru. Примеры кода кидай в «песочницу»: codepen.io/pen.

Если хочешь показать экран, делай это средствами системы, а не фотографией. Для Windows многие рекомендуют LightShot.

И пожалуйста, не стесняйся задавать вопросы в поисковые системы.

Мы рады тебе!

Для подтверждения того, что ты не бот, нажми, пожалуйста, кнопку ниже

Привет всем

Первый элемент:

transform: translateY(10px);

Второй элемент:

transform: translateY(20px);

И так далее, до бесконечности

Можете помочь с виндой?

нет. читай название чата

Конкретно это можно сделать циклом на scss, но ты можешь показать как это должно выглядеть? Мб есть другое решение

Неа. Буквально: каждый следующий элемент ниже предыдущего на 10px.
Циклом можно, но тогда будет 100 свойств на выходе, что изрядно сожрёт вес файла и время распаковки)

Элементы в линии

должно получиться типа лесенки?

Да

количество элементов заранее известно?

Нет. Может быть 7, может 100+

тогда лучше через js реализовывать

По этой же причине JS тут нагружает производительность

самый удобный вариант на мой взгляд