Need advice about which tool to choose?Ask the StackShare community!
Advice on Bourbon, Compass, and Stylus
awesomebanana2018
CEO at ME! · | 5 upvotes · 345.1K views
Originally, I was going to start using Sass with Parcel, but then I learned about Stylus, which looked interesting because it can get the property values of something directly instead of through variables, and PostCSS, which looked interesting because you can customize your Pre/Post-processing. Which tool would you recommend?
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn MorePros of Bourbon
Pros of Compass
Pros of Stylus
Pros of Bourbon
- Simple mixins14
- Lightweight3
- No javascript3
Pros of Compass
- No vendor prefix CSS pain9
- Mixins1
- Variables1
- Compass sprites1
Pros of Stylus
- Simple69
- Indented syntax54
- Efficient38
- Built for node.js33
- Open source32
- Expressive24
- Maintainable21
- Feature-rich17
- Better than CS13
- Variables6
- Functions5
- @extend directive3
- Contempt for curly brackets2
- Very clean2
- Mixins2
- Is Easy2
- No colons, semi-colons or even curly braces2
- Its unique1
- Dynamic selectors1
- Scriptable1
- Easy Efficiently1
- Transparent1
- Supports orthogonal architecture1
Sign up to add or upvote prosMake informed product decisions
What is Bourbon?
Bourbon is a library of pure sass mixins that are designed to be simple and easy to use. No configuration required. The mixins aim to be as vanilla as possible, meaning they should be as close to the original CSS syntax as possible.
What is Compass?
The compass core framework is a design-agnostic framework that provides common code that would otherwise be duplicated across other frameworks and extensions.
What is Stylus?
Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.
Need advice about which tool to choose?Ask the StackShare community!
What companies use Bourbon?
What companies use Compass?
What companies use Stylus?
What companies use Bourbon?
What companies use Compass?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with Bourbon?
What tools integrate with Compass?
What tools integrate with Stylus?
Blog Posts
What are some alternatives to Bourbon, Compass, and Stylus?
Sass
Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
Animate.css
It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
css-loader
The css-loader interprets @import and url() like import/require() and will resolve them.
Autoprefixer
It is a CSS post processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code.
Less
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.