Получить горизонтальные отступы / поля отступа переменной SASS

Question

Существует переменная SASS, определенная следующим образом:

$section-padding: 3rem 1.5rem !default

Затем она используется в другом месте в качестве значения заполнения, которое прекрасно работает:

padding: $section-padding;

Как мне динамически получить1.5rem значение?Есть ли какой-нибудь способ извлечь его, предположив, что переменная $section-padding всегда будет содержать сокращенное заполнение / определение поля?

Я не могу разделить значение на две отдельные переменные, так как $section-padding определено так в третьейCSS-структура ( Bulma ).

Answer 1

Кажется, я был на правильном пути, но ошибка в вызове calc(), где я его использовал, взорвала его.

SASS имеет концепцию списков .Переменная считается списком, если она содержит значения, разделенные пробелами или запятыми.Затем вы можете извлечь нужную часть, используя функцию nth() (индексирование на основе 1):

nth($section-padding, 2)

Обратите внимание, что для использования этого в calc() вызов функции должен быть заключен в #{}(что было моей ошибкой):

padding: calc(200px + #{nth($section-padding, 2)});