Skip to content

Instantly share code, notes, and snippets.

@chrishamant
Forked from paulmillr/less.less
Created June 15, 2012 21:47
Show Gist options
  • Save chrishamant/2938857 to your computer and use it in GitHub Desktop.
Save chrishamant/2938857 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment