Sass - присвоить переменную другой переменной

У меня есть эта переменная:

$color_pr1: #d6ad3f;

Теперь я использую Gumby, и он использует собственный лист настроек, где установлено следующее:

$header-font-color: #55636b !default;

Можно ли вместо этого использовать $color_pr1? Как это?

$header-font-color: $color_pr1; ?

Если теперь, я думаю об этом, все неправильно? Я хотел бы иметь свой собственный набор цветов и т.д. И повторно использовать те, которые есть в моем проекте.

ОТВЕТЫ

Ответ 1

Из документов: http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_defaults_

Вы можете назначить переменные, если они уже присвоены добавлением флаг! по умолчанию в конце значения. Это означает, что если переменная уже назначена, она не будет повторно назначена, но если он еще не имеет значения, ему будет дано.

Например:

$content: "First content";
$content: "Second content?" !default;
$new_content: "First time reference" !default;

#main {
  content: $content;
  new-content: $new_content;
}

скомпилирован для:

#main {
  content: "First content";
  new-content: "First time reference"; }

Переменные с нулевыми значениями считаются не назначенными по умолчанию:

$content: null;
$content: "Non-null content" !default;

#main {
  content: $content;
}

скомпилирован для:

#main {
  content: "Non-null content"; }

Ответ 2

Используйте функцию css calc():

$header-font-color: calc(#{$color_pr1});