Новое в Sass, ожидая ожидается Селектор

Question

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 

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

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'. 

Answer 1

Вы недостающую после запятой ваших деклараций стилей. Кроме того, необходимо инкапсулировать объявления селекторных в фигурных скобках:

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

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

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

Вы хотели бы прочитать над this primer от создателей SASS.