Coarse Component Style Files

Split theme CSS into files that each cover one coarse component or styling concern. Use focused files such as cards.css, card.css, post.css, blog.css, footer.css, footerCta.css, header.css, and menu.css, and import them through the theme's style entry instead of combining unrelated concerns in one file.

Correct

@import './styles/footer.css';
@import './styles/cards.css';
@import './styles/card.css';
@import './styles/info.css';

Incorrect

@import './styles/components.css';

Fix

Split the aggregate stylesheet into focused files that each cover one coarse component or concern.