Created
May 19, 2012 10:21
-
-
Save axpro/2730377 to your computer and use it in GitHub Desktop.
Toast Framework - type.css
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
| /* Toast Framework - type.css */ | |
| body { | |
| font: 100%/1.5 Helvetica Neue, Helvetica, Arial, sans-serif; | |
| } | |
| h1 { | |
| font-size: 3em; /* 48 / 16 */ | |
| line-height: 1em; /* 48 / 48 */ | |
| margin-bottom: .5em; /* 24 / 48 */ | |
| } | |
| h2 { | |
| font-size: 2.25em; /* 36 / 16 */ | |
| line-height: 1.333333333333333em; /* 48 / 36 */ | |
| margin-bottom: .6666666666666667em; /* 24 / 36 */ | |
| } | |
| h3 { | |
| font-size: 1.5em; /* 24 / 16 */ | |
| line-height: 1em; /* 24 / 24 */ | |
| margin-bottom: 1em; /* 24 / 24 */ | |
| } | |
| h4 { | |
| font-size: 1.3125em; /* 21 / 16 */ | |
| line-height: 1.142857142857143em; /* 24 / 21 */ | |
| margin-bottom: 1.142857142857143em; /* 24 / 21 */ | |
| } | |
| h5 { | |
| font-size: 1.125em; /* 18 / 16 */ | |
| line-height: 1.333333333333333em; /* 24 / 18 */ | |
| margin-bottom: 1.333333333333333em; /* 24 / 18 */ | |
| } | |
| h6 { | |
| font-size: 1em; /* 16 / 16 */ | |
| line-height: 1.5em; /* 24 / 16 */ | |
| margin-bottom: 1.5em; /* 24 / 16 */ | |
| } | |
| p, ul, ol, dl, blockquote { | |
| margin-bottom: 1.5em; /* 24 / 16 */ | |
| } |
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
| <!-- content to be placed inside <body>…</body> --> | |
| <body> | |
| <h1>H1 Testing</h1> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus.</p> | |
| <h2>H2 Testing</h2> | |
| <p>In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor.</p> | |
| <h3>H3 Testing</h3> | |
| <p>In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor.</p> | |
| <h4>H4 Testing</h4> | |
| <p>In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor.</p> | |
| <h5>H5 Testing</h5> | |
| <p>In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor.</p> | |
| <h6>H6 Testing</h6> | |
| <p>In condimentum orci id nisl volutpat bibendum. Quisque commodo hendrerit lorem quis egestas. Maecenas quis tortor arcu. Vivamus rutrum nunc non neque consectetur quis placerat neque lobortis. Nam vestibulum, arcu sodales feugiat consectetur, nisl orci bibendum elit, eu euismod magna sapien ut nibh. Donec semper quam scelerisque tortor.</p> | |
| </body> |
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
| {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment