Новый, чтобы оживить ожидаемый селектор

Im новый для sass и пробовал какой-то код:

$blue: #3bbfce
$margin: 16px

.content-navigation
border-color: $blue
color: darken($blue, 9%)

.border
 padding: $margin / 2
 margin: $margin / 2
 border-color: $blue

Но теперь в моем приложении rails я получаю эту ошибку:

 Invalid CSS after "$margin": expected selector or at-rule, was ": 16px"

Что не так?


Теперь я попробовал что-то с zurb:

.your-class-name {
  @include button;
  @include dropdown-button($padding, $pip-color, $base-style);
}

Но теперь я получаю ошибку

  Undefined mixin 'dropdown-button'.

Ответ 1

Вы потеряли точки с запятой после объявлений стиля. Вам также необходимо инкапсулировать объявления селектора в фигурные скобки:

$blue: #3bbfce;
$margin: 16px;

.content-navigation {
  border-color: $blue;
  color: darken($blue, 9%);
}

.border {
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;
}

Вам может понравиться читать этот праймер от создателей SASS.