mới để Sass, mong đợi dự kiến ​​sẽ chọn

Question

Im mới để Sass và thử một số mã:

$blue: #3bbfce 
$margin: 16px 

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

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

Nhưng bây giờ trong ứng dụng ray của tôi nhận được lỗi này:

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

Whats sai?

---

Bây giờ tôi đã cố gắng một cái gì đó với zurb:

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

Nhưng bây giờ tôi nhận được lỗi

Undefined mixin 'dropdown-button'. 

Answer 1

Bạn đang thiếu dấu chấm phẩy sau khi tờ khai phong cách của bạn. Bạn cũng cần phải đóng gói tờ khai selector trong dấu ngoặc nhọn:

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

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

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

Bạn có thể muốn đọc qua this primer từ những người sáng tạo của Sass.