Need advice about which tool to choose?Ask the StackShare community!
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?
JSS is makes a lot of sense when styling React components and styled-components is a really nice implementation of JSS. I still get to write pure CSS, but in a more componentized way. With CSS post-processors like SASS and LESS, you spend a lot of time deciding where your .scss or .less files belong, which classes should be shared, and generally fighting the component nature of React. With styled-components, you get the best of CSS and React. In this project, I have ZERO CSS files or global CSS classes and I leverage mixins quite a bit.
Pros of PostCSS
- The "babel" of CSS21
- Customizable15
- Autoprefixer8
- Variables2
- Mixins1
- CSS MQPacker1
- PostCSS Flexbugs Fixes1
Pros of PurifyCSS
Pros of Sass
- Variables613
- Mixins594
- Nested rules466
- Maintainable410
- Functions300
- Modular flexible code149
- Open source143
- Selector inheritance112
- Dynamic107
- Better than cs96
- Used by Bootstrap5
- If and for function3
- Better than less2
- Inheritance (@extend)1
- Custom functions1
Sign up to add or upvote prosMake informed product decisions
Cons of PostCSS
Cons of PurifyCSS
Cons of Sass
- Needs to be compiled6
Sign up to add or upvote consMake informed product decisions
What is PostCSS?
What is PurifyCSS?
What is Sass?
Need advice about which tool to choose?Ask the StackShare community!
What companies use PostCSS?
What companies use PurifyCSS?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with PostCSS?
What tools integrate with PurifyCSS?
Sign up to get full access to all the tool integrationsMake informed product decisions
Blog Posts
+46
+27
+20
+35
+29