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 |