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

Sebastian Echeverry

This plugin allows you to use SCSS files directly in wp_enqueue_style. Just add the file to the list of styles and the plugin will compile it when necessary.
The base of this plugin is strongly influenced by the <a href="https://wordpress.org/plugins/wp-scss/" rel="ugc">WP-SCSS</a> code and extracts some ideas from <a href="https://wordpress.org/plugins/sassify/" rel="ugc">Sassify</a>. The goal is to keep the plugin updated with the latest version of <a href="https://packagist.org/packages/scssphp/scssphp" rel="nofollow ugc">scssphp</a>, remove configuration options from the graphical interface, and use the scssphp capabilities to create debug files.
This plugin is not intended to be installed by a conventional user, but to be required by templates or plugins that wish to include SCSS style files and therefore the configuration is expected to be done in the code.

SCSS-Library

Add support for using SCSS style files with wp_enqueue_style.

Custom CSS for Blocks vs SCSS-Library