CSS
Amplify uses Sass - specifically the SCSS syntax - which is compiled into CSS files. The CSS approach is heavily influenced by Andy Bell's CUBE CSS. This has some similarities with the BEM Methodology but with a more judicious use of class names.
Architecture
The architecture is split into a series of numbered levels in src/styles/sass with each level representing a directory that contains our Sass split out into different partial files. More generic and wide-reaching styles sit within the lower numbered levels, with specificity increasing with each subsequent level.
CSS architecture details for developers.
Compiling Sass to CSS
As mentioned in browser support, the Sass is compiled into the following CSS stylesheets in web/dist/styles:
core.cssandprint.css, which are served to all browsersadvanced.css, which is served to supported browsers.