Skip to content

Instantly share code, notes, and snippets.

@mario4000

mario4000/less.less

Forked from paulmillr/less.less
Created November 18, 2017 04:18
Show Gist options
  • Save mario4000/b0e9e9f461da78222ab7548293dec861 to your computer and use it in GitHub Desktop.
Save mario4000/b0e9e9f461da78222ab7548293dec861 to your computer and use it in GitHub Desktop.
Download ZIP
Sass vs Stylus vs LESS
Raw
less.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);
}
Raw
sass.sass
@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)
Raw
stylus.styl
// 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