43

Fabulous - CSS properties editor sidebar in VSCode

 4 years ago
source link: https://www.tuicool.com/articles/UZ7FjeQ
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Avyq63A.png!web

Fabulous introduces a CSS properties sidebar into Visual Studio Code.

Fabulous supports the followings

  • :nail_care: CSS-in-JS libs which supports template literal ( styled-components , emotion , linaria )
  • :art: CSS rules from .css files
  • :rainbow: 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 ):

eARZJrF.jpg!webSunil Pai 3iuIZnu.jpg!webRaathi Kugarajan
:computer:

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK