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.
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
print.css, which are served to all browsers
advanced.css, which is served to supported browsers.