library-mirrors/normalize.css
1
0
Fork 0
mirror of https://github.com/necolas/normalize.css.git synced 2024-12-25 15:14:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Style HTML5 embedded elements. Remove default cursor from <html>. Reformat comments

Browse Source
This commit is contained in:
necolas 2011-05-14 10:34:35 +01:00
parent 0af84884f5
commit 9652da94c7
1 changed files with 27 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
normalize.css vendored
View File

@ -1,7 +1,7 @@
/* /*
* Add display for HTML5 elements * Add display for block-level HTML5 elements
* Fixes styling not present in IE6/7/8/9 FF3 * Display not defined in IE6/7/8/9 & FF3
*/ */
article, article,
aside, aside,
@ -17,49 +17,36 @@ section {
} }
/* /*
* Vertical align for display inline block elements * Add display for embedded HTML5 elements
* Improves visual appearance in all browsers * Display not defined in IE6/7/8/9 & FF3
*/ */
audio, audio,
button,
canvas, canvas,
img,
input,
select,
textarea,
video { video {
display: inline-block; display: inline-block;
*display: inline; *display: inline;
vertical-align: baseline;
*zoom: 1; *zoom: 1;
} }
/* /*
* 1. * 1. Add vertical scrollbar to <html> element
* Make normal cursor the default for <html> element
* Improves visual focus of page during mouse movement in all browsers
* 2.
* Add vertical scrollbar to <html> element
* Improves page center consistency regardless of content height in all browsers * Improves page center consistency regardless of content height in all browsers
* 3. * 2. Remove text size adjust tap color for <html> element
* Remove text size adjust tap color for <html> element
* Fixes tap color displayed oddly in iOS * Fixes tap color displayed oddly in iOS
* 4. * 3. Remove iOS text size adjust without disabling user zoom
* Remove iOS text size adjust without disabling user zoom */
*/
html { html {
cursor: default; /* 1 */ overflow-y: scroll; /* 1 */
overflow-y: scroll; /* 2 */ -webkit-tap-highlight-color: transparent; /* 2 */
-webkit-tap-highlight-color: transparent; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 3 */
-ms-text-size-adjust: 100%; /* 4 */
} }
/* /*
* Remove margin and hide overflow from <body> element * Remove margin from <body> element
*/ */
body { body {
@ -67,13 +54,11 @@ body {
} }
/* /*
* 1. * 1. Make outline thin dotted for <a>
* Make outline thin dotted for <a>
* Fixes outline displayed oddly in C10 * Fixes outline displayed oddly in C10
* 2. * 2. Remove outline for <a> element when active or hovered
* Remove outline for <a> element when active or hovered
* Improves readability when focused and also mouse hovered in all browsers * Improves readability when focused and also mouse hovered in all browsers
*/ */
/* 1 */ /* 1 */
@ -89,12 +74,11 @@ a:hover {
} }
/* /*
* 1. * 1. Disable border for <img> element
* Disable border for <img> element
* Improves readability when inside <a> element in all browsers * Improves readability when inside <a> element in all browsers
* 2. * 2. Allow high quality bicubic image resampling for <img> element
* Allow high quality bicubic image resampling for <img> element
* Improves readability when scaled in IE7 * Improves readability when scaled in IE7
* Read before using : code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/ */
img { img {