Повторяющиеся родительские шаблоны в scss ⇐ CSS

[Anonymous]

Есть ли способ упростить такую ​​структуру

$padding: 1rem; ул а { отступ слева: 0 * $padding; } ул ул а { отступ слева: 1 * $padding; } ул ул ул а { отступ слева: 2 * $padding; } ул ул ул ул а { отступ слева: 3 * $padding; } Это не совсем правильно...

Единственная альтернатива, которую я могу придумать, приведена ниже, но она тоже не очень приятна для глаз.
ul { а { отступ слева: 0 * $padding; ул & { отступ слева: 1 * $padding; ул & { отступ слева: 2 * $padding; ул & { отступ слева: 3 * $padding; } } } } }