ECSS and global styles

Whilst the Lion's share of CSS in a web application can be described as module based, there is an inevitable amount of global CSS we need to deal with. From an ECSS perspective we should keep this global CSS as minimal as possible. Typically, besides any requisite reset styles, there will be a default font-size, font-family and perhaps some default colours. These are styles that are usually applied to type selectors. Unless you have classes on the root HTML element of body for example.

Note

If you are looking for a base set of reset styles for a web application you may find my App Reset CSS useful. You can find it on GitHub here: https://github.com/benfrain/app-reset  or install via NPM with npm install app-reset.

There may also be some global structure needed. For example, if you have a common structure throughout your application (header, footer, sidebar etc), you may want to create some selectors to reflect this. In the past I have used a .st-...