A WordPress editor plugin to safely add CSS to your reusable patterns or any random pattern.
Lightening Fast, Reusable, Safe, In-editor CSS Optimization and Minification Tool. The perfect compliment to your site's theme.json. Safely add custom CSS to any WordPress block, including synced reusable blocks.
[block]
to target the current block directly instead of children!important
to override some of your theme styles (use sparingly)[block] {
color: red;
}
.bar {
color: red;
}
/* output: */
.pcss-f903c5c0,.pcss-f903c5c0 .bar{color:red}
[block] {
padding-top: 5px;
padding-left: 50px;
padding-bottom: 15px;
padding-right: 5px;
}
/* output: */
.pcss-f903c5c0{padding:5px 5px 15px 50px}