Nuovo per SASS, aspettandosi previsto selettore

Question

Im nuovo al sass e provato un certo codice:

$blue: #3bbfce 
$margin: 16px 

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

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

Ma ora nel mio rotaie app ottengo questo errore:

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

Cosa c'è di sbagliato?

---

Ora ho provato qualcosa con ZURB:

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

Ma ora ottengo l'errore

Undefined mixin 'dropdown-button'. 

Answer 1

Ti manca un punto e virgola dopo le dichiarazioni di stile. È inoltre necessario incapsulare le dichiarazioni del selettore tra parentesi graffe:

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

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

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

Come si potrebbe leggere oltre this primer dai creatori di SASS.