SASS (SCSS) features
SCSS features
Variables
$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}Operator
.container {
width: 100%;
}
article[role='main'] {
float: left;
width: 600px / 960px * 100%;
}
article[role='complementary'] {
float: right;
width: 300px / 960px * 100%;
}String interpolation
$name: foo;
$attr: border;
p.#{$name} {
#{$attr}-color: blue;
}This is compile to:

