Neu bei Sass, erwartet erwartet Wähler

Question

Im neuen einige Code zu sass und versuchte:

$blue: #3bbfce 
$margin: 16px 

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

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

Aber jetzt in meine Rails-Anwendung bekomme ich diesen Fehler:

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

Was ist falsch?

---

Jetzt habe ich versucht, etwas mit ZURB:

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

aber ich habe jetzt den Fehler

Undefined mixin 'dropdown-button'. 

Answer 1

Sie Semikolons nach Stil Erklärungen fehlen. Sie müssen auch Wähler Erklärungen in geschweiften Klammern kapseln:

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

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

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

Sie könnten über this primer von den Machern von SASS lesen mögen.