Skip to content

Instantly share code, notes, and snippets.

@bluestrike2
Created January 18, 2012 03:13
Show Gist options
  • Save bluestrike2/1630624 to your computer and use it in GitHub Desktop.
Save bluestrike2/1630624 to your computer and use it in GitHub Desktop.
HTML5 Boilerplate Normalize (Stylus)
// * Normalize.styl
// * USE: After reset, attempts to normalize certain style elements
// ****************************************************************
// ****************************************************************
// * Consistency Fixes - Adapted from normalize.css
// ********************************
html
height 100%
-webkit-text-size-adjust 100%
-ms-text-size-adjust 100%
height 100%
body
min-height 100%
font-size 100%
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, audio, canvas, video
display block
audio, canvas, video
display inline-block
*display inline
*zoom 1
// audionot([controls])
// display none
[hidden]
display none
sub, sup
font-size 75%
line-height 0
position relative
vertical-align baseline
sup
top -.5em
sub
bottom -.25em
pre
white-space pre-wrap
word-wrap break-word
b, strong
font-weight 700
abbr[title]
border-bottom 1px dotted
input, textarea, button, select
font-size 100%
line-height normal
vertical-align baseline
margin 0
button, html input[type=button], input[type=reset], input[type=submit]
cursor pointer
-webkit-appearance button
input[type=checkbox], input[type=radio]
-webkit-box-sizing border-box
-moz-box-sizing border-box
-o-box-sizing border-box
-ms-box-sizing border-box
box-sizing border-box
textarea
overflow auto
table
border-collapse collapse
border-spacing 0
// * Embedded Goodies
// ********************************
figure
position relative
margin 0
img, figure img, figure object, figure embed, figure video
max-width 100%
display block
img
border 0
-ms-interpolation-mode bicubic
svgnot(root)
overflow hidden
// * Forms - Adapted from normalize.css
// ********************************
form
margin 0
fieldset
border 0
margin 0
padding 0
label
cursor pointer
legend
border 0
padding 0
button, input, select, textarea
font-size 100%
vertical-align middle
margin 0
button, input
line-height normal
overflow visible
table button, table input
overflow auto
button, input[type=button], input[type=reset], input[type=submit]
cursor pointer
-webkit-appearance button
input[type=checkbox], input[type=radio]
box-sizing border-box
input[type=search]
-webkit-appearance textfield
-moz-box-sizing content-box
-webkit-box-sizing content-box
box-sizing content-box
input[type=search]-webkit-search-decoration
-webkit-appearance none
button-moz-focus-inner, input-moz-focus-inner
border 0
padding 0
textarea
overflow auto
vertical-align top
resize vertical
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment