Created
February 13, 2011 00:38
-
-
Save roelven/824284 to your computer and use it in GitHub Desktop.
HTML5 Boilerplates' reset CSS converted to SASS
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
// | |
// html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) | |
// v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark | |
// html5doctor.com/html-5-reset-stylesheet/ | |
// | |
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video | |
margin: 0 | |
padding: 0 | |
border: 0 | |
font-size: 100% | |
font: inherit | |
vertical-align: baseline | |
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section | |
display: block | |
blockquote, q | |
quotes: none | |
blockquote:before, blockquote:after, q:before, q:after | |
content: '' | |
content: none | |
ins | |
background-color: #ff9 | |
color: #000 | |
text-decoration: none | |
mark | |
background-color: #ff9 | |
color: #000 | |
font-style: italic | |
font-weight: bold | |
del | |
text-decoration: line-through | |
abbr[title], dfn[title] | |
border-bottom: 1px dotted | |
cursor: help | |
table | |
border-collapse: collapse | |
border-spacing: 0 | |
hr | |
display: block | |
height: 1px | |
border: 0 | |
border-top: 1px solid #ccc | |
margin: 1em 0 | |
padding: 0 | |
input, select | |
vertical-align: middle | |
// | |
// Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ | |
// | |
// Hack retained to preserve specificity. | |
body | |
font: | |
size: 13px / 1.231 | |
family: sans-serif | |
select, input, textarea, button | |
font: | |
size: 99% | |
family: sans-serif | |
// Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome | |
pre, code, kbd, samp | |
font-family: monospace, sans-serif | |
// | |
// Minimal base styles. | |
// | |
// #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 | |
body, select, input, textarea | |
color: #444 | |
// font-family: Georgia, serif | |
// Headers (h1, h2, etc) have no default font-size or margin. Define those yourself. | |
h1, h2, h3, h4, h5, h6 | |
font-weight: bold | |
// Always force a scrollbar in non-IE: | |
html | |
overflow-y: scroll | |
// Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test | |
a:hover, a:active | |
outline: none | |
a, a:active, a:visited | |
color: #607890 | |
&:hover | |
color: #036 | |
ul, ol | |
margin-left: 2em | |
ol | |
list-style-type: decimal | |
// Remove margins for navigation lists. | |
nav ul, nav li | |
margin: 0 | |
list-style: none | |
list-style-image: none | |
small | |
font-size: 84% | |
strong, th | |
font-weight: bold | |
td | |
vertical-align: top | |
// Set sub, sup without affecting line-height: gist.github.com/413930 | |
sub, sup | |
font-size: 75% | |
line-height: 0 | |
position: relative | |
sup | |
top: -0.5em | |
sub | |
bottom: -0.25em | |
// www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ | |
pre | |
white-space: pre | |
white-space: pre-wrap | |
white-space: pre-line | |
word-wrap: break-word | |
padding: 15px | |
// www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ | |
textarea | |
overflow: auto |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment