Skip to content

Instantly share code, notes, and snippets.

@paulmillr
Created March 9, 2012 08:26
Show Gist options
  • Star 48 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save paulmillr/2005644 to your computer and use it in GitHub Desktop.
Save paulmillr/2005644 to your computer and use it in GitHub Desktop.
Sass vs Stylus vs LESS
.border-radius (@radius) {
-webkit-border-radius: @radius;
-o-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
border-radius: @radius;
}
.user-list {
// need to use special `.` syntax
.border-radius(10px);
}
@mixin border-radius($radius)
-webkit-border-radius: $radius
-o-border-radius: $radius
-moz-border-radius: $radius
-ms-border-radius: $radius
border-radius: $radius
.user-list
// need to use special `@` syntax
@include border-radius(10px)
// This and all CSS3 funcs are included in `nib` stylus plugin.
border-radius()
-webkit-border-radius: arguments
-o-border-radius: arguments
-moz-border-radius: arguments
-ms-border-radius: arguments
border-radius: arguments
.user-list
border-radius: 10px
// or
.user-list {
border-radius: 10px;
}
@sheriffderek
Copy link

@Shirasho - Stylus seems to already be perfect - so, whether you buy it or not - you'll just have to try writing a project in Stylus - and then the same project in SCSS - and you will never use SCSS again. Unless you really like writing @import hundreds of times...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment