pattern library v1.0.0-alpha.1

Scaffolding

HTML5 doctype

This pattern library 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. The simplest HTML file looks like this:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    …
  </body>
</html>

Box-sizing

To more easily assign widths to elements that also have padding, borders etc. all elements box-sizing is set to border-box.

Built on normalize.css

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