Instant CSS

Description

Use the power of Visual Studio Code in WordPress to write your CSS or SCSS

The plugin uses autoprefixer to parse your CSS/SCSS into CSS that will work on older browsers, no need to write -webkit, -moz or -o.

You can also choose to use SCSS, more info about SCSS here: https://sass-lang.com/guide

Features

  • Use all the powerful features from Visual Studio Code
  • Your CSS gets compiled with autoprefixer to work on older browsers
  • Use SCSS to create efficient stylesheets with variables, mixins, etc.
  • Option to minify your CSS to reduce loading times
  • No refreshing on saving
  • Live editor updating styles on save and have the browser update simultaneously

Reviews

desember 3, 2020
I do not often write reviews but I had to ! Your plugin is just awesome ! I can write SCSS directly, there's a live editor... What else ? Amazing job ! I can not recommend more a plugin then this one.
november 18, 2020
I don't use the Custom CSS tool, I do all my edits in the Theme Editor (I create custom themes, so I'm working in my own code, not something that will be overwritten by a theme update.) If this worked in the Theme Editor, it would indeed be the best plugin ever.
september 17, 2020
Was looking for this easy possibility to make structured css! Thanks Only one little question the icons from the font "codicon" are not working. Anything I can do to get that working?
august 12, 2020
Really useful plugin, the only thing whats missing is to resize the coding area, so annoying to type in a such cramped space or at least integration of word wrap would be great, thanks!
Read all 14 reviews

Contributors & Developers

“Instant CSS” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Instant CSS” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.2

  • Fix bug in permissions

1.2.1

  • Test WordPress 6.3

1.2.0

  • Fixed CSRF vulnerability and updated monaco editor to the latest version

1.1.5

  • Fixed Broken Access Control

1.1.4

  • Upgraded monaco editor to the latest version, fixes scrolling in some browsers.

1.1.3

  • Updated monaco editor to the latest version

1.1.2

  • Fixed minify issue

1.1.1

  • Fixed iframe reload issue

1.1.0

  • New feature: Live editor. You can now write your css and watch the browser update whenever you save.
  • You can now save using CTRL + S

1.0.2

  • CSS is now written and loaded from a file

1.0.1

  • Fixed bug with quotes
  • Added minifying

1.0.0

  • Launched.