Вы можете использовать SASS списки связанных функций следующим образом:
// List order: top, bottom, left, right, width, height, ...
$Header: 10px,auto,10px,auto,100%,50px;
$Footer: auto,0px,0px,auto,100%,20px;
@function getVar($variable,$name:top){
$var_index:1;
@if $name==bottom {
$var_index:2;
} @else if $name==left {
$var_index:3;
}
// Continue de if else for each property you want.
return nth($variable,$var_index);
}
Таким образом, вызывая что-то вроде:
getVar($Header,left)
Должно возвращать значение слевасвойство для списка Header
, но изменение его на getVar($Footer,top)
вернет значение для верхнего свойства "Footer Group" (Список значений нижнего колонтитула).
Это работает на время использованиязначения, кроме определения, вы должны следовать точному порядку и не можете оставлять пустое значение, ближайшее к найденному мною пустому значению равно #{''}
, что означает «пустая строка без кавычек», пустое значение, нодобавлено в CSS.