Skip to content

Instantly share code, notes, and snippets.

@roelven
Created February 13, 2011 00:38
Show Gist options
  • Save roelven/824284 to your computer and use it in GitHub Desktop.
Save roelven/824284 to your computer and use it in GitHub Desktop.
HTML5 Boilerplates' reset CSS converted to SASS
//
// 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