The Markup Framework comes bundled with its own reset style sheet, called base.css. It is located in the assets/styles/ directory.
The base.css file asset serves two purposes:
- To remove all default Web browser styling, for better cross-browser consistency.
- To make it easier to apply custom styling, for example by enabling simpler style inheritance rules.
All other style sheets in the framework are dependent upon the base.css file. For example, the reset style sheet changes the browser's default font size from 16px to 10px. All typography style sheets assume that the default font size is then 10px. This makes it easier to calculate font sizes in ems: 1em is 10px, 1.5ems is 15px, and so on.