/fabulous

🎨 CSS properties sidebar for VS Code

Primary LanguageTypeScriptMIT LicenseMIT



Fabulous introduces a CSS properties sidebar into Visual Studio Code.

Fabulous supports the followings

  • 💅 CSS-in-JS libs which supports template literal (styled-components, emotion, linaria)
  • 🎨 CSS rules from .css files
  • 🌈 CSS rules from .scss files

Fabulous is stil in Preview. Give it a try and let us know when things don't go well.

Getting started

  • Install the Fabulous extension in VS Code
  • After opening a css, scss, js, jsx or tsx file, click on the icon to toggle the side-bar
  • Place your cursor in a CSS rule or in a Styled component template literal
  • You should see the sidebar controls become active

Help us make Fabulous better

Have a look at our contribution guide.

Contributors

Thanks goes to these wonderful people (emoji key):

Sunil Pai
Sunil Pai
🤔		Raathi Kugarajan
Raathi Kugarajan
🤔 💻 🎨

This project follows the all-contributors specification. Contributions of any kind welcome!