Значення змінної відхилення Sass?

У мене є пара селекторів scss, де я використовую ту саму кількість позитивного та негативного, як у:

padding: 0 15px 15px;
margin: 0 -15px 20px -15px;

Я вважаю за краще використовувати змінну для всіх 15px сум, але це не працює:

$pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;

Суми маржі конвертуються у додатні числа. Я щось пропускаю?

Спробуйте так

margin: 0 (-$pad) 20px (-$pad);

Більш розумним рішенням згідно з настановами sass було б interpolateзмінні типу наступного прикладу:

margin: 0 -#{$pad} 20px -#{$pad};

Приклад: https://www.sassmeister.com/gist/c9c0208ada0eb1fdd63ae47830917293

Я додаю свою дві копійки після розгляду двох попередніх відповідей, але потім читаю це (наголос мій):

Особливо#{$number}px слід уникати використання подібної інтерполяції . Це насправді не створює число! Він створює рядок без котирування, який виглядає як число, але не працюватиме з будь-якими операціями чи функціями з числом. Спробуйте зробити математичну одиницю чистою, щоб вона $numberвже мала одиницю px, або запишіть $number * 1px.

Джерело

Тому я вважаю, що правильним шляхом був би такий, який зберігає математичні здібності SASS / SCSS:

$pad: 15px;
padding: 0 $pad $pad;
margin: 0 $pad*-1 20px $pad*-1;