 Link | Less | Sass (SCSS syntax) | Stylus |
|---|---|---|---|
| Website | lesscss.org | sass-lang.com | github.io/... |
| Latest version | 2.5.3 | 3.4.19 | 0.52.4 |
| Release date | Sep. 25th 2015 | Oct. 10th 2015 | Sep. 4th 2015 |
| Development language | Javascript | Ruby | Javascript |
| Features | |||
| Variables | Yes | Yes | Yes |
| Mixins | Yes | Yes | Yes |
| Conditionals | - | Yes | Yes |
| Get image dimensions | Yes | - | Yes |
| Color manipulation | Yes | Yes | Yes |
| Dark/light color detection | - | - | Yes |
| Nesting | Yes | Yes | Yes |
| Additional | |||
| Syntax sample |
@mycolor: black;
#header {
color: @mycolor;
.navigation {
font-size: 12px;
}
.logo {
width: 300px;
}
}
| SCSS syntax:
$mycolor:black;
#header {
color: $mycolor;
.navigation {
font-size: 12px;
}
.logo {
width: 300px;
}
}
|
mycolor=black
#header {
color: mycolor;
.navigation
font-size: 12px;
.logo
width: 300px;
}
|
| Last update | Nov. 12th 2015 11:18:34 PM | Nov. 12th 2015 11:18:34 PM | Nov. 12th 2015 11:24:46 PM |