| Less | Sass (SCSS syntax) | Stylus | |
|---|---|---|---|
| Website | http://lesscss.org/ | http://sass-lang.com/ | http://learnboost.github.io/stylus/ |
| Latest version | 2.5.3 | 3.4.19 | 0.52.4 |
| Release date | 2015-09-25 | 2015-10-10 | 2015-09-04 |
| 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;
}
}
| @import 'vendor' fonts = helvetica, arial, sans-serif body font 12px fonts a.button border-radius 5px |
| Last update | 2015-11-12 23:18:34 | 2015-11-12 23:18:34 | 2015-11-12 23:18:34 |