Расчет с использованием переменных Sass для свойств с несколькими значениями ⇐ CSS

[Anonymous]

У меня есть две переменные sass, которые я использую для установки разных наборов значений полей следующим образом:

Код: Выделить всё

$variable-big: 2.5rem 1rem 1.8rem 1.2rem;

$variable-small: 1.1rem 0.7rem 0.7rem 0.1rem;

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

Я хочу иметь новую переменную для расчета разницы между двумя наборами значений.

Так что-то вроде этого...

Код: Выделить всё

$variable-difference: $variable-big - $variable-small

Чтобы я мог использовать его вот так

Код: Выделить всё

.spacer-top {
margin: $variable-difference;
}

Чтобы вывести это:

Код: Выделить всё

.spacer-top {
margin: 1.4rem 0.3rem 1.1rem 0.1rem;
}

Я пытался прочитать, как это сделать, и пробовал разные вещи, но безуспешно:

Код: Выделить всё

$variable-difference: $variable-big - $variable-small

возвращает: маржа: 2,5 бэра 1 бэра 1,8 бэра 1,2 бэра-1,1 бэра 0,7 бэра 0,7 бэра 0,1 бэра;

Код: Выделить всё

$variable-difference: ($variable-big) - ($variable-small)

возвращает то же самое: маржа: 2.5rem 1rem 1.8rem 1.2rem-1.1rem 0.7rem 0.7rem 0.1rem;

Код: Выделить всё

$variable-difference: ($variable-big - $variable-small)

то же самое: маржа: 2,5бэр 1бэр 1,8бэр 1,2бэр-1,1бэр 0,7бэр 0,7бэр 0,1бэр;

Код: Выделить всё

 $variable-difference: (#{$variable-big} - #{$variable-small})

то же самое: маржа: 2,5бэр 1бэр 1,8бэр 1,2бэр-1,1бэр 0,7бэр 0,7бэр 0,1бэр;
Само собой разумеется, я не знаю, что делаю.
Любая помощь приветствуется!

Подробнее здесь: https://stackoverflow.com/questions/490 ... ple-values