Извлечение отдельных значений в списке в Sass

Question

Скажем, у меня есть что-то вроде этого:

$padding = 5px 25px; 
$border = 1px solid #f00; 

Могу ли я извлечь отдельные значения? Что-то вроде

$padding-vertical = $padding[0]; // returns 5px; 
or: 
$padding-vertical = $padding(top); // returns 5px 
or: 
$border-size  = $border[border-width]; // return 1px 
$border-color  = $border(border-color); // return #f00 
etc... 

Возможно ли это?

Answer 1

Функция nth() - это единственный способ получить определенные элементы в списке, и для этого требуется знание его положения.

$padding-vertical = nth($padding, 1); // returns 5px; 

Поскольку многие сокращенные свойства не требуют, чтобы все значения должны быть установлены, вы не можете получить результаты, которые вы ищете. Для переменных, которые вы предоставили, это будет работать:

$border-size  = nth($border, 1); // return 1px 
$border-color  = nth($border, 3); // return #f00