3f4d339432
commit 50d160b713f119627c7beaebd35b751bc26c5c0a
Author: Joshua Clayton <jclayton@thoughtbot.com>
Date: Sun Jan 10 10:37:08 2010 -0500
Support HTML5
This includes removing the div scope on grid classes (span-#),
applying
the reset to core HTML5 elements, and explicitly defining the rule
'display: block' for those elements.
74 lines
3.5 KiB
CSS
74 lines
3.5 KiB
CSS
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0; }
|
|
|
|
.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote, q, th, td, caption, table, body.testing h1, body.testing h2, body.testing h3, body.testing h4, body.testing h5, body.testing h6, body.testing article, body.testing aside, body.testing dialog, body.testing figure, body.testing footer, body.testing header, body.testing hgroup, body.testing nav, body.testing section, body.testing blockquote, body.testing q, body.testing th, body.testing td, body.testing caption, body.testing table,
|
|
div, span, object, iframe, p,
|
|
pre, a, abbr, acronym, address,
|
|
code, del, dfn, em, img,
|
|
dl, dt, dd, ol, ul, li, fieldset,
|
|
form, label, legend,
|
|
caption, tbody, tfoot, thead, tr {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-weight: inherit;
|
|
font-style: inherit;
|
|
font-size: 100%;
|
|
font-family: inherit;
|
|
vertical-align: baseline; }
|
|
|
|
article, aside, dialog, figure, footer, header, hgroup, nav, section {
|
|
display: block; }
|
|
|
|
blockquote, q {
|
|
quotes: "" ""; }
|
|
blockquote:before, blockquote:after, q:before, q:after {
|
|
content: ""; }
|
|
|
|
th, td, caption {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
vertical-align: middle; }
|
|
|
|
table {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
vertical-align: middle; }
|
|
|
|
a img {
|
|
border: none; }
|
|
|
|
body.testing .bp-reset-element, body.testing body, body.testing h1, body.testing h2, body.testing h3, body.testing h4, body.testing h5, body.testing h6, body.testing article, body.testing aside, body.testing dialog, body.testing figure, body.testing footer, body.testing header, body.testing hgroup, body.testing nav, body.testing section, body.testing blockquote, body.testing q, body.testing th, body.testing td, body.testing caption, body.testing table, body.testing h1, body.testing h2, body.testing h3, body.testing h4, body.testing h5, body.testing h6, body.testing article, body.testing aside, body.testing dialog, body.testing figure, body.testing footer, body.testing header, body.testing hgroup, body.testing nav, body.testing section, body.testing blockquote, body.testing q, body.testing th, body.testing td, body.testing caption, body.testing table,
|
|
body.testing div, body.testing span, body.testing object, body.testing iframe, body.testing p,
|
|
body.testing pre, body.testing a, body.testing abbr, body.testing acronym, body.testing address,
|
|
body.testing code, body.testing del, body.testing dfn, body.testing em, body.testing img,
|
|
body.testing dl, body.testing dt, body.testing dd, body.testing ol, body.testing ul, body.testing li, body.testing fieldset,
|
|
body.testing form, body.testing label, body.testing legend,
|
|
body.testing caption, body.testing tbody, body.testing tfoot, body.testing thead, body.testing tr {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-weight: inherit;
|
|
font-style: inherit;
|
|
font-size: 100%;
|
|
font-family: inherit;
|
|
vertical-align: baseline; }
|
|
body.testing article, body.testing aside, body.testing dialog, body.testing figure, body.testing footer, body.testing header, body.testing hgroup, body.testing nav, body.testing section {
|
|
display: block; }
|
|
body.testing blockquote, body.testing q {
|
|
quotes: "" ""; }
|
|
body.testing blockquote:before, body.testing blockquote:after, body.testing q:before, body.testing q:after {
|
|
content: ""; }
|
|
body.testing th, body.testing td, body.testing caption {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
vertical-align: middle; }
|
|
body.testing table {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
vertical-align: middle; }
|
|
body.testing a img {
|
|
border: none; }
|