Sass - получить одно значение из свойства, в котором указано несколько значений

Question

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

$item-padding: 0.8rem 1rem;

Возможно ли с помощью миксина Sass получить значение, скажем, просто padding-left значения из переменной $item-padding?

Что-то вроде:

padding-left: get-value($item-padding, left);

Answer 1

Я обнаружил, что в Sass Foundation есть специальная функция, которая называется get-side () .

get-side

Определите верхнее / правое / нижнее / правое значение для свойства padding, margin и т. Д., Независимо от того, сколько значений было передано. Используйте эту функцию, если вам нужно знать конкретную сторону значения, но неНе знаю, использует ли значение сокращенный формат.

Используется следующим образом:

$padding-left: get-side($item-padding, left);

Answer 2

Поскольку ваша переменная на самом деле представляет собой список , разделенный пробелами, если вам нужно получить значение 1rem, вы можете использовать функцию nth(<list>, <index>)

padding-left: nth($item-padding, 2);