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;
}
@arshadUIDeveloper
Copy link

arshadUIDeveloper commented Mar 17, 2017

I was about to decide on Stylus becasue the mixins are simple to write and since i already know Sass. But now after JunTheProgrammer comment i am worried to use stylus or go with Sass only

@abienz
Copy link

abienz commented Mar 28, 2017

@JunTheProgrammer, it's only CSS ultimately, though. Do we really need endless repeated articles on how to write a mixin? The Stylus documentation has everything you need.

@Shirasho
Copy link

It's worth noting that Stylus is no longer in development at the time of writing. The last commit was on July 18th, 2016 (https://github.com/stylus/stylus). SASS/SCSS is still under active development with the last commit made 5 days ago at the time of writing (https://github.com/sass/sass). At this point in time SASS/SCSS has feature parity with Sylus if not more. In this situation I am more willing to develop using a technology still being updated over a project which has not seen an update in almost a year. I don't buy the excuse that Stylus is no longer being updated because it is feature complete either.

@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