├── component.json
├── CHANGELOG.md
├── LICENSE.md
├── README.md
├── normalize.css
└── test.html
/component.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "normalize-css",
3 | "version": "2.0.1",
4 | "author": "Nicolas Gallagher",
5 | "homepage": "http://necolas.github.com/normalize.css/",
6 | "styles": ["normalize.css"],
7 | "repository": {
8 | "type": "git",
9 | "url": "https://github.com/necolas/normalize.css.git"
10 | },
11 | "licenses": [{
12 | "type": "MIT",
13 | "url": "http://opensource.org/licenses/MIT"
14 | }]
15 | }
16 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | == 2.0.1 (August 20, 2012)
2 |
3 | * Remove stray IE 6/7 `inline-block` hack from HTML5 display settings.
4 |
5 | == 2.0.0 (August 19, 2012)
6 |
7 | * Remove legacy browser form normalizations.
8 | * Remove all list normalizations.
9 | * Add `quotes` normalizations.
10 | * Remove all heading normalizations except `h1` font size.
11 | * Form elements automatically inherit `font-family` from ancestor.
12 | * Drop support for IE 6/7, Firefox < 4, and Safari < 5.
13 |
14 | == 1.0.1 (August 19, 2012)
15 |
16 | * Adjust `small` font size normalization.
17 |
18 | == 1.0.0 (August 14, 2012)
19 |
20 | (Only the notable changes since public release)
21 |
22 | * Add MIT License.
23 | * Hide `audio` elements without controls in iOS 5 (#69).
24 | * Normalize heading margins and font size.
25 | * Move font-family normalization from `body` to `html` (#62).
26 | * Remove scrollbar normalization (#64 #65).
27 | * Remove excess padding from checkbox and radio inputs in IE 7 (#42).
28 | * Add IE9 correction for SVG overflow (#16).
29 | * Add fix for legend not inheriting color in IE 6/7/8/9.
30 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | Copyright (c) Nicolas Gallagher and Jonathan Neal
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of
4 | this software and associated documentation files (the "Software"), to deal in
5 | the Software without restriction, including without limitation the rights to
6 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
7 | of the Software, and to permit persons to whom the Software is furnished to do
8 | so, subject to the following conditions:
9 |
10 | The above copyright notice and this permission notice shall be included in all
11 | copies or substantial portions of the Software.
12 |
13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19 | SOFTWARE.
20 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # normalize.css v2.0.1
2 |
3 | Normalize.css is a customisable CSS file that makes browsers render all
4 | elements more consistently and in line with modern standards. We researched the
5 | differences between default browser styles in order to precisely target only
6 | the styles that need normalizing.
7 |
8 | [Check out the demo](http://necolas.github.com/normalize.css/2.0.1/test.html)
9 |
10 | ## What does it do?
11 |
12 | * Preserves useful defaults, unlike many CSS resets.
13 | * Normalizes styles for a wide range of elements.
14 | * Corrects bugs and common browser inconsistencies.
15 | * Improves usability with subtle improvements.
16 | * Explains what code does using detailed comments.
17 |
18 | ## How to use it
19 |
20 | Normalize.css is intended to be used as an alternative to CSS resets.
21 |
22 | It's suggested that you read the `normalize.css` file and consider customising
23 | it to meet your needs. Alternatively, include the file in your project and
24 | override the defaults later in your CSS.
25 |
26 | ## Browser support
27 |
28 | * Google Chrome
29 | * Mozilla Firefox 4+
30 | * Apple Safari 5+
31 | * Opera 12+
32 | * Internet Explorer 8+
33 |
34 | ## Contribute
35 |
36 | Please read my [issue
37 | guidelines](https://github.com/necolas/issue-guidelines).
38 |
39 | ## Acknowledgements
40 |
41 | Normalize.css is a project by [Nicolas Gallagher](http://github.com/necolas)
42 | and [Jonathan Neal](http://github.com/jonathantneal).
43 |
--------------------------------------------------------------------------------
/normalize.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v2.0.1 | MIT License | git.io/normalize */
2 |
3 | /* ==========================================================================
4 | HTML5 display definitions
5 | ========================================================================== */
6 |
7 | /**
8 | * Correct `block` display not defined in IE 8/9.
9 | */
10 |
11 | article,
12 | aside,
13 | details,
14 | figcaption,
15 | figure,
16 | footer,
17 | header,
18 | hgroup,
19 | nav,
20 | section,
21 | summary {
22 | display: block;
23 | }
24 |
25 | /**
26 | * Correct `inline-block` display not defined in IE 8/9.
27 | */
28 |
29 | audio,
30 | canvas,
31 | video {
32 | display: inline-block;
33 | }
34 |
35 | /**
36 | * Prevent modern browsers from displaying `audio` without controls.
37 | * Remove excess height in iOS 5 devices.
38 | */
39 |
40 | audio:not([controls]) {
41 | display: none;
42 | height: 0;
43 | }
44 |
45 | /**
46 | * Address styling not present in IE 8/9.
47 | */
48 |
49 | [hidden] {
50 | display: none;
51 | }
52 |
53 | /* ==========================================================================
54 | Base
55 | ========================================================================== */
56 |
57 | /**
58 | * 1. Set default font family to sans-serif.
59 | * 2. Prevent iOS text size adjust after orientation change, without disabling
60 | * user zoom.
61 | */
62 |
63 | html {
64 | font-family: sans-serif; /* 1 */
65 | -webkit-text-size-adjust: 100%; /* 2 */
66 | -ms-text-size-adjust: 100%; /* 2 */
67 | }
68 |
69 | /**
70 | * Remove default margin.
71 | */
72 |
73 | body {
74 | margin: 0;
75 | }
76 |
77 | /* ==========================================================================
78 | Links
79 | ========================================================================== */
80 |
81 | /**
82 | * Address `outline` inconsistency between Chrome and other browsers.
83 | */
84 |
85 | a:focus {
86 | outline: thin dotted;
87 | }
88 |
89 | /**
90 | * Improve readability when focused and also mouse hovered in all browsers.
91 | */
92 |
93 | a:active,
94 | a:hover {
95 | outline: 0;
96 | }
97 |
98 | /* ==========================================================================
99 | Typography
100 | ========================================================================== */
101 |
102 | /**
103 | * Address variable `h1` font size within `section` and `article` contexts in
104 | * Firefox 4+, Safari 5, and Chrome.
105 | */
106 |
107 | h1 {
108 | font-size: 2em;
109 | }
110 |
111 | /**
112 | * Address styling not present in IE 8/9, Safari 5, and Chrome.
113 | */
114 |
115 | abbr[title] {
116 | border-bottom: 1px dotted;
117 | }
118 |
119 | /**
120 | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
121 | */
122 |
123 | b,
124 | strong {
125 | font-weight: bold;
126 | }
127 |
128 | /**
129 | * Address styling not present in Safari 5 and Chrome.
130 | */
131 |
132 | dfn {
133 | font-style: italic;
134 | }
135 |
136 | /**
137 | * Address styling not present in IE 8/9.
138 | */
139 |
140 | mark {
141 | background: #ff0;
142 | color: #000;
143 | }
144 |
145 | /**
146 | * Correct font family set oddly in Safari 5 and Chrome.
147 | */
148 |
149 | code,
150 | kbd,
151 | pre,
152 | samp {
153 | font-family: monospace, serif;
154 | font-size: 1em;
155 | }
156 |
157 | /**
158 | * Improve readability of pre-formatted text in all browsers.
159 | */
160 |
161 | pre {
162 | white-space: pre;
163 | white-space: pre-wrap;
164 | word-wrap: break-word;
165 | }
166 |
167 | /**
168 | * Set consistent quote types.
169 | */
170 |
171 | q {
172 | quotes: "\201C" "\201D" "\2018" "\2019";
173 | }
174 |
175 | /**
176 | * Address inconsistent and variable font size in all browsers.
177 | */
178 |
179 | small {
180 | font-size: 80%;
181 | }
182 |
183 | /**
184 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
185 | */
186 |
187 | sub,
188 | sup {
189 | font-size: 75%;
190 | line-height: 0;
191 | position: relative;
192 | vertical-align: baseline;
193 | }
194 |
195 | sup {
196 | top: -0.5em;
197 | }
198 |
199 | sub {
200 | bottom: -0.25em;
201 | }
202 |
203 | /* ==========================================================================
204 | Embedded content
205 | ========================================================================== */
206 |
207 | /**
208 | * Remove border when inside `a` element in IE 8/9.
209 | */
210 |
211 | img {
212 | border: 0;
213 | }
214 |
215 | /**
216 | * Correct overflow displayed oddly in IE 9.
217 | */
218 |
219 | svg:not(:root) {
220 | overflow: hidden;
221 | }
222 |
223 | /* ==========================================================================
224 | Figures
225 | ========================================================================== */
226 |
227 | /**
228 | * Address margin not present in IE 8/9 and Safari 5.
229 | */
230 |
231 | figure {
232 | margin: 0;
233 | }
234 |
235 | /* ==========================================================================
236 | Forms
237 | ========================================================================== */
238 |
239 | /**
240 | * Define consistent border, margin, and padding.
241 | */
242 |
243 | fieldset {
244 | border: 1px solid #c0c0c0;
245 | margin: 0 2px;
246 | padding: 0.35em 0.625em 0.75em;
247 | }
248 |
249 | /**
250 | * 1. Correct `color` not being inherited in IE 8/9.
251 | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
252 | */
253 |
254 | legend {
255 | border: 0; /* 1 */
256 | padding: 0; /* 2 */
257 | }
258 |
259 | /**
260 | * 1. Correct font family not being inherited in all browsers.
261 | * 2. Correct font size not being inherited in all browsers.
262 | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
263 | */
264 |
265 | button,
266 | input,
267 | select,
268 | textarea {
269 | font-family: inherit; /* 1 */
270 | font-size: 100%; /* 2 */
271 | margin: 0; /* 3 */
272 | }
273 |
274 | /**
275 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
276 | * the UA stylesheet.
277 | */
278 |
279 | button,
280 | input {
281 | line-height: normal;
282 | }
283 |
284 | /**
285 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
286 | * and `video` controls.
287 | * 2. Correct inability to style clickable `input` types in iOS.
288 | * 3. Improve usability and consistency of cursor style between image-type
289 | * `input` and others.
290 | */
291 |
292 | button,
293 | html input[type="button"], /* 1 */
294 | input[type="reset"],
295 | input[type="submit"] {
296 | -webkit-appearance: button; /* 2 */
297 | cursor: pointer; /* 3 */
298 | }
299 |
300 | /**
301 | * Re-set default cursor for disabled elements.
302 | */
303 |
304 | button[disabled],
305 | input[disabled] {
306 | cursor: default;
307 | }
308 |
309 | /**
310 | * 1. Address box sizing set to `content-box` in IE 8/9.
311 | * 2. Remove excess padding in IE 8/9.
312 | */
313 |
314 | input[type="checkbox"],
315 | input[type="radio"] {
316 | box-sizing: border-box; /* 1 */
317 | padding: 0; /* 2 */
318 | }
319 |
320 | /**
321 | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
322 | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
323 | * (include `-moz` to future-proof).
324 | */
325 |
326 | input[type="search"] {
327 | -webkit-appearance: textfield; /* 1 */
328 | -moz-box-sizing: content-box;
329 | -webkit-box-sizing: content-box; /* 2 */
330 | box-sizing: content-box;
331 | }
332 |
333 | /**
334 | * Remove inner padding and search cancel button in Safari 5 and Chrome
335 | * on OS X.
336 | */
337 |
338 | input[type="search"]::-webkit-search-cancel-button,
339 | input[type="search"]::-webkit-search-decoration {
340 | -webkit-appearance: none;
341 | }
342 |
343 | /**
344 | * Remove inner padding and border in Firefox 4+.
345 | */
346 |
347 | button::-moz-focus-inner,
348 | input::-moz-focus-inner {
349 | border: 0;
350 | padding: 0;
351 | }
352 |
353 | /**
354 | * 1. Remove default vertical scrollbar in IE 8/9.
355 | * 2. Improve readability and alignment in all browsers.
356 | */
357 |
358 | textarea {
359 | overflow: auto; /* 1 */
360 | vertical-align: top; /* 2 */
361 | }
362 |
363 | /* ==========================================================================
364 | Tables
365 | ========================================================================== */
366 |
367 | /**
368 | * Remove most spacing between table cells.
369 | */
370 |
371 | table {
372 | border-collapse: collapse;
373 | border-spacing: 0;
374 | }
375 |
--------------------------------------------------------------------------------
/test.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Normalize CSS
7 |
8 |
9 |
19 |
20 |
21 |
Heading 1
22 |
Heading 2
23 |
Heading 3
24 |
Heading 4
25 |
Heading 5
26 |
Heading 6
27 |
28 |
29 |
Heading 1 (in section)
30 |
Heading 2 (in section)
31 |
Heading 3 (in section)
32 |
Heading 4 (in section)
33 |
Heading 5 (in section)
34 |
Heading 6 (in section)
35 |
36 |
37 |
38 |
Heading 1 (in article)
39 |
Heading 2 (in article)
40 |
Heading 3 (in article)
41 |
Heading 4 (in article)
42 |
Heading 5 (in article)
43 |
Heading 6 (in article)
44 |
45 |
46 |
47 |
48 |
Heading 1 (in hgroup)
49 |
Heading 2 (in hgroup)
50 |
51 |
58 |
59 |
60 |
Text-level semantics
61 |
62 |
This should be hidden in all browsers, apart from IE6
63 |
64 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
65 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
66 |
67 | Address: somewhere, world
68 |
69 |
70 | The a element example
71 | The abbr element and abbr element with title examples
72 | The b element example
73 | The cite element example
74 | The code element example
75 | The del element example
76 | The dfn element and dfn element with title examples
77 | The em element example
78 | The i element example
79 | The img element example
80 | The ins element example
81 | The kbd element example
82 | The mark element example
83 | The q element inside a q element example
84 | The s element example
85 | The samp element example
86 | The small element example
87 | The span element example
88 | The strong element example
89 | The sub element example
90 | The sup element example
91 | The u element example
92 | The var element example
93 |
94 |
95 |
Embedded content
96 |
97 |
audio
98 |
99 |
100 |
101 |
102 |
img
103 |
104 |
105 |
106 |
107 |
svg
108 |
109 |
112 |
113 |
video
114 |
115 |
116 |
117 |
118 |
Interactive content
119 |
120 |
details / summary
121 |
122 | More info
123 |
Additional information
124 |
125 |
Point 1
126 |
Point 2
127 |
128 |
129 |
130 |
Grouping content
131 |
132 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.
133 |
134 |
pre
135 |
136 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.