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

fieldofcode

Use <a href="https://github.com/scssphp/scssphp/" rel="nofollow ugc">ScssPhp</a>. to compile scss files on your wordpress install into a single lightweight CSS file. There is an included settings page for configuring directories, error reporting, compiling options, and auto enqueuing.
To keep the page load time to a minimum this plugin only runs the compiler when the scss files have been changed. All compiled files create or alter a matching css file in the chosen directory which remains even if this plugin is disabled so that your site never loses its styles and is always ready for user interaction.

SCSS-4-WP

Use ScssPhp. to compile scss files on your wordpress install into a single lightweight CSS file.  There is an included settings page for configuring d …

Custom CSS for Blocks vs SCSS-4-WP