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

yonifre

pshitik

A useful plugin for developers writing SCSS. 
The plugin allows you to write SCSS directly on the server (via FTP) without the need for a local compiler.
How It Works?
Choose a source folder for SCSS and a target folder for CSS. 
Write the SCSS code in the file on the source folder, and it automatically creates a CSS file in the target folder.
What’s included?
<ul>
<li>Option for multiple source and destination folders.</li>
<li>Allows you to set a folder in the entire wp-content space.</li>
<li>Performance – only when one of the source files change – it re-compiling itself.</li>
<li>After development you can turn off / delete the plugin without fear, and all the files are stay where they were.</li>
<li>Allows you to develop a theme and plugin at the same time.</li>
</ul>
Example:
source: themes/your-theme/assets/scss/style.scss
<pre>
body {
 color: black;
 .main {
 background: red;
 }
}
</pre>
target: themes/your-theme/assets/css/style.css
<pre>
body {
 color: black;
}

body .main {
 background: red;
}
</pre>
— pay attention! 
If the file already exists in the destination folder – it will be overwritten by the SCSS file

Lenix scss compiler

i found this plugin very useful when i need to compile a sass to css by just few click without getting out wordpress workspace.
when i deactivate the plugin compiled files still in directories.
AAA+++ RATE.



Very helpful plugin

An excellent way to write Scss in wordpress

Custom CSS for Blocks vs Lenix scss compiler