Last active
September 25, 2024 18:58
-
-
Save joshuapowell/1680540 to your computer and use it in GitHub Desktop.
LESS: Global LESS CSS reset that gives elements default formatting.
This file contains 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
/** | |
* Global Reset of all HTML Elements | |
* | |
* Resetting all of our HTML Elements ensures a smoother | |
* visual transition between browsers. If you don't believe me, | |
* try temporarily commenting out this block of code, then go | |
* and look at Mozilla versus Safari, both good browsers with | |
* a good implementation of CSS. The thing is, all browser CSS | |
* defaults are different and at the end of the day if visual | |
* consistency is what we're shooting for, then we need to | |
* make sure we're resetting all spacing elements. | |
* | |
*/ | |
html, body { | |
border: 0; | |
font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif; | |
line-height: 1.5; | |
margin: 0; | |
padding: 0; | |
} | |
div, span, object, iframe, img, table, caption, thead, tbody, | |
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu, | |
nav, footer, header, section, summary, mark, audio, video { | |
border: 0; | |
margin: 0; | |
padding: 0; | |
} | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, | |
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd, | |
ol, ul, li, fieldset, legend, label { | |
border: 0; | |
font-size: 100%; | |
vertical-align: baseline; | |
margin: 0; | |
padding: 0; | |
} | |
article, aside, canvas, figure, figure img, figcaption, hgroup, | |
footer, header, nav, section, audio, video { | |
display: block; | |
} | |
table { | |
border-collapse: separate; | |
border-spacing: 0; | |
caption, th, td { | |
text-align: left; | |
vertical-align: middle; | |
} | |
} | |
a img { | |
border: 0; | |
} | |
:focus { | |
outline: 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Excellent catch @chochinlu!
I've updated the file to reflect that change.