Consider the following list of SCSS files from a Docsy-based projects:

_about.scss
_archive.scss
_buttons.scss
_cookie-banner.scss
_footer.scss
_hamburger.scss
_header.scss
_main.scss
_projects.scss
_reset.scss
_search.scss
_sidebar-left.scss
_sidebar-toc.scss
_styles_project.scss
_taxonomy.scss
_typography.scss
_variables_project.scss

Which of these override Docsy files? I can't tell without doing a directory diff. It shouldn't be that hard. Also, as projects and Docsy SCSS files are added and renamed, we currently run the risk of unintended shadowing/overrides.

We should namespace Docsy most SCSS files to avoid such problems.

I see two options for namespacing:

• Put files in a directory, such as docsy
• Use a file prefix or suffix, such as td

• Rename chroma styles #1974