adolfojbarreto / fabulous

🎨 CSS properties sidebar for VS Code

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 still 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 🤔

Raathi Kugarajan 🤔 💻 🎨

0xflotus 📖

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