Nowością Sass, oczekując oczekuje selektor

Question

Im nowe do Sass i próbował jakiś kod:

$blue: #3bbfce 
$margin: 16px 

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

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

ale teraz w mojej aplikacji szyn ja dostać ten błąd:

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

Co złego?

---

Teraz próbowałem coś z ZURB:

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

Ale teraz pojawia się błąd

Undefined mixin 'dropdown-button'. 

Answer 1

tracisz średników po swoich deklaracjach stylu. Należy również do hermetyzacji deklaracji selektora w nawiasach klamrowych:

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

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

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

Możecie przeczytać ponad this primer od twórców SASS.