mirror of
https://github.com/primer/css.git
synced 2024-12-28 08:31:58 +03:00
31 lines
840 B
Markdown
31 lines
840 B
Markdown
|
---
|
||
|
|
layout: page
|
||
|
|
title: Scaffolding
|
||
|
|
---
|
||
|
|
|
||
|
|
Scaffolding refers to the global resets and dependencies that Primer is built upon.
|
||
|
|
|
||
|
|
## Contents
|
||
|
|
|
||
|
|
* Will be replaced with the ToC, excluding the "Contents" header
|
||
|
|
{:toc}
|
||
|
|
|
||
|
|
## 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.
|
||
|
|
|
||
|
|
{% highlight html %}
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
...
|
||
|
|
</html>
|
||
|
|
{% endhighlight %}
|
||
|
|
|
||
|
|
## 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 `border`s.
|
||
|
|
|
||
|
|
## Built on Normalize
|
||
|
|
|
||
|
|
For improved cross-browser rendering, we use [Normalize.css](http://necolas.github.io/normalize.css/) to correct small inconsistencies across browsers and devices.
|