The pattern library
Included in the downloaded files is the ‘pattern-library’ folder. This folder contains a number of customisable elements, objects and components.
Some, like the SVG pattern in the HTML folder are simply there as a reference to copy and paste into your project and modify where needed. Other components, such as the accordion and overlay, require elements from the HTML and JS folders, as well as turning on the default styles for these elements in the ‘01-settings/_modulesand-widgets.scss’ folder.
Almost everything in the Betterboilerplate is styled using the variables found in the ‘01-settings’ folder. These properties are inherited and used to provide the default styles which can be overwritten where needed to match the brand of the project you’re working on.