Stylus is still a vibrant community today!
For those of you whom never heard of stylus, it is similar to sass / scss / less. It’s a CSS pre-processor that make front-end development iterate faster and simpler.
Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting…
- You have a vue project already installed
- You know what yarn or npm is
OK! Lets get started
1. Install Stylus and Stylus-loader
npm install stylus stylus-loader -save-dev// oryarn install stylus stylus-loader --save-dev
2. Update Vue Components with lang=”stylus”
Note: inside the style tag the
lang="stylus" must be present to work. Otherwise, it would recognize it as CSS instead of stylus. It’s required that every component that you are writing stylus syntax in.
If everything compiles. You’re good to go!
Discord link for stylus support: https://discord.gg/Qwphtkv
Expressive, dynamic, robust CSS
Installing Stylus is very easy once you have Node.js. So get the binaries for your platform and make sure that they…