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

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

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

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

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

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

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

Ответы

Ответ 1

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

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

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

Но нет, в Сассе вы не можете, насколько мне известно.

Ответ 2

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