frontend.scss

This file is optional. Most of the time, this is where we would write SCSS code specific to the block.

“most of the time” because some styles might be shared and written inside other files.

Also, we have support for critical CSS that you could read more about on the page about overall CSS management in theme-redone.

If used, this file will be compiled to the [theme-root]/prod/block-specific/[block-name]/frontend.min.css file that will be automatically enqueued on the front-end if the block is used. (Note that even if we use the same block multiple times, this file will be enqueued only once).

To learn how to share CSS between blocks, go to this page.