Im new to sass and tried some code:
$blue: #3bbfce
$margin: 16px
.content-navigation
border-color: $blue
color: darken($blue, 9%)
.border
padding: $margin / 2
margin: $margin / 2
border-color: $blue
But now in my rails app i get this error:
Invalid CSS after "$margin": expected selector or at-rule, was ": 16px"
Whats wrong?
Now i tried something with zurb:
.your-class-name {
@include button;
@include dropdown-button($padding, $pip-color, $base-style);
}
But now i get the error
Undefined mixin 'dropdown-button'.
You're missing semicolons after your style declarations. You also need to encapsulate selector declarations within curly brackets:
$blue: #3bbfce;
$margin: 16px;
.content-navigation {
border-color: $blue;
color: darken($blue, 9%);
}
.border {
padding: $margin / 2;
margin: $margin / 2;
border-color: $blue;
}
You might like to read over this primer from the creators of SASS.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With