-
-
Save atelierbram/db3088215ead5e06ca73 to your computer and use it in GitHub Desktop.
CSS Typography reset
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html, body, div, span, applet, object, iframe, table, caption, | |
| tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, | |
| kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, | |
| acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, | |
| fieldset, form, label, legend { | |
| vertical-align: baseline; | |
| font-family: inherit; | |
| font-weight: inherit; | |
| font-style: inherit; | |
| font-size: 100%; | |
| outline: 0; | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| } | |
| :focus { | |
| outline: 0; | |
| } | |
| body { | |
| background: white; | |
| line-height: 1; | |
| color: black; | |
| } | |
| table { | |
| border-collapse: separate; | |
| border-spacing: 0; | |
| } | |
| caption, th, td { | |
| font-weight: normal; | |
| text-align: left; | |
| } | |
| ul, ol {list-style-type: none;} | |
| blockquote:before, blockquote:after, q:before, q:after { | |
| content: ""; | |
| } | |
| blockquote, q { | |
| quotes: "" ""; | |
| } | |
| /* automatecly resize image to width of container */ | |
| img, object, video, embed { max-width: 100%;} | |
| /* Numbering and bullets */ | |
| ul, ol {margin-left: 1.25em;} | |
| li:before { margin-right: .5em;} | |
| ul li:before { content: "❁"} | |
| ul li li:before { content: "❀"} | |
| ul li li li:before { content: "✿"} | |
| ul li li li li:before { content: "❃"} | |
| ol {counter-reset: n;} | |
| ol li { counter-increment: n;} | |
| ol li:before{ content: counters(n, ".") ".";} | |
| /* "Red line" */ | |
| p:first-letter, blockquote, blockquote:before { margin-left:2.5em} | |
| /* Word wrap http://jsfiddle.net/6uG82/4/ */ | |
| pre,p,li,td { | |
| white-space: pre; /* CSS2 */ | |
| white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ | |
| white-space: -moz-pre-line; /* Mozilla, since 1999 */ | |
| white-space: -pre-line; /* Opera 4-6 */ | |
| white-space: -o-pre-line; /* Opera 7 */ | |
| word-wrap: break-word; /* IE, Chrome */ | |
| } | |
| s+sup { position:absolute; line-height:.1em;padding-bottom:3em;} | |
| /* blockquote */ | |
| blockquote:before, blockquote:after,q:before, q:after {position:relative;} | |
| blockquote:before, q:before { content: "❝"} | |
| blockquote:after, q:after { content: "❞"} | |
| blockquote:before {left:-1ex;top:1ex} | |
| blockquote:after {right:-1ex;bottom:1ex} | |
| blockquote address { text-align:right; padding-right: 1em} | |
| blockquote address:before { content: "— "} | |
| |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment