SASS / SCSS: ссылка на свойство без использования промежуточной переменной

Question

Можно ли ссылаться на свойство, ранее определенное в селекторе, без введения промежуточной переменной?

Я хотел бы сказать что-то вроде:

.foo {
  padding: 15px;
  width: 300px - $padding;
}

Я знаю, что $padding синтаксически ищет определенную переменную, я использую ее только в приведенном выше примере, чтобы проиллюстрировать, чего я хочу достичь в функциональности.

Приведенный выше пример будет эквивалентен этому:

.foo {
  $padding: 15px;
  padding: $padding;
  width: 300px - $padding * 2;
}

Answer 1

Нет, вы не можете, и это было бы здорово.

Я не тестировал, но, насколько мне известно, единственный препроцессор css, который может это делать, - стилус . Посмотрите на переменную в ее документации, где написано Поиск свойств . Это работает так:

.foo {
  padding: 15px;
  width: 300px - @padding * 2;
}

Но нет, в Sass вы не можете, насколько я понимаю.

Answer 2

Если есть возможность использовать другой препроцессор, чем scss, я действительно рекомендую использовать Stylus . Существует функция под названием Поиск свойства , которая является именно тем, что вы хотите.