Scaffolding

Scaffolding refers to the global resets and dependencies that Primer is built upon.

Contents

HTML5 doctype

Primer makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your pages.

<!DOCTYPE html>
<html lang="en">
  ...
</html>

Box-sizing

We reset box-sizing to border-box for every element in Primer. This allows us to more easily assign widths to elements that also have padding and borders.

Built on Normalize

For improved cross-browser rendering, we use Normalize.css to correct small inconsistencies across browsers and devices.