For general purpose (i.e. not component-related) CSS and JavaScript authoring use the following guidelines.
General purpose CSS can be found in src\css directory and has the structure as below. In most cases, there shouldn’t be any need to add extra files. If one arises, create a new Sass partial with the name prefixed by underscore and import it in relevant __all.scss file.
src/css - general purpose CSS
core - styles for foundation areas of the project
__all.scss - imports all core partials_body.scss - <body> tag and outer container styles_font.scss - web font definitions_print.scss - styles for print media_typography.scss - style applications for headings and copycp - styles for the CMS control panel stylinghelpers - Sass mixins and utility classes
mixins - Sass mixinsutilities - utility CSS classes__all.scss imports all helpers partialssetup - custom resets and CSS for third-party tools
__all.scss imports all setup partialsvendor - inclusions of third-party CSSGeneral purpose JavaScript can be found in src/js folder. If the functionality you’re implementing doesn’t fit into the existing structure, create a partial in src/js/modules folder and include it in _all.js file.
js - JavaScript code
cp - custom functionality for the CMS control panelmisc - various helper filesmodules - scripts for general functionalityapp.js - collates all the general functionality scriptsvendor.js - collates third-party JavaScript libraries