Skip to content

Instantly share code, notes, and snippets.

@sid24rane
Created May 14, 2016 15:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sid24rane/bbe52fee322714ed296ff8c078b104dd to your computer and use it in GitHub Desktop.
Save sid24rane/bbe52fee322714ed296ff8c078b104dd to your computer and use it in GitHub Desktop.
Improved version of CSS Reset using CSS3 box-sizing properties and allows easy setting of font-size and responsive Images.
*,*::after,*::before
{
margin: 0;
padding: 0;
outline: none;
border: 0; vertical-align: baseline;
-webkit-box-sizing:inherit;
-moz-box-sizing: inherit;
-o-box-sizing: inherit;
box-sizing: inherit;
}
html
{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 62.50%;
line-height: 1.4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
display: block;
}
ul , ol
{
list-style: none;
}
a
{
text-decoration: none;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: '';
content: none;
}
.img-responsive
{
display: block;
max-width: 100%;
height: auto;
}
.clearfix,.clearfix::after,.clearfix::after
{
content: "";
display: table;
clear: both;
}
.clearfix::after
{
clear: both;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment