wpbits

Custom CSS for Blocks allows you to easily write custom CSS for any block or post on your WordPress website, giving you complete control over the design of your content. You can take advantage of SASS support to write clean, efficient code. And, with optimized inline output on demand, you can ensure that your website loads quickly and efficiently for your visitors.

Custom CSS for Blocks

Connect Think

Skylar Bolton

Compiles .scss files on your wordpress install using <a href="https://github.com/scssphp/scssphp/" rel="nofollow ugc">ScssPhp</a>. Includes settings page for configuring directories, error reporting, compiling options, and auto enqueuing.
The plugin only compiles when changes have been made to the scss files. Compiles are made to the matching css file, so disabling this plugin will not take down your stylesheets. In the instance where a matching css file does not exist yet, the plugin will create the appropriate css file in the css directory.
<a href="https://github.com/ConnectThink/WP-SCSS" rel="nofollow ugc">Get detailed instructions on github</a>
<h3>Looking for a new maintainer</h3>
If you are interested in giving back to the open source plugin respond <a href="https://github.com/ConnectThink/WP-SCSS/issues/242" rel="nofollow ugc">here</a> with your interest

WP-SCSS

Efficient

Thanks. Great Work

I have a hard time not using this plugin in my projects since it makes implementing SCSS just SO easy for my dev team. On the other hand, there have been 2 times in the past year where a major issue occurred with an update resulting in lots of broken websites. In both cases the developers were slow to address the issue. At this date, the plugin fails catastrophically if "always recompile" is selected.

Very Useful plugin but maybe not well maintained

The latest update breaks the site.. but if this happens it's a fairly easy fix.

Go to github.com/scssphp/scssphp
Click on Code (in green) then Download Zip
Extract the zip
Upload everything in scssphp-master/src/* to your wp-content/plugins/wp-scss/src/ folder

Refresh the page and you should be good.

It looks like the author someone didn't get all of the src folder added into the plugin in the latest update

Latest update breaks the site - but here is the fix!

Compiles .scss files to .css and enqueues them.

Custom CSS for Blocks vs WP-SCSS