Skip to content

Instantly share code, notes, and snippets.

@nash403
Last active December 4, 2017 07:01
Show Gist options
  • Save nash403/fbd1ced2b1a37639f513602f6b490975 to your computer and use it in GitHub Desktop.
Save nash403/fbd1ced2b1a37639f513602f6b490975 to your computer and use it in GitHub Desktop.
Minimal css file with font-sizes, clearfix & sr-only
html {
font-size: 62.5%; /* 10px */
}
body {
line-height: 1.8em;
font-size: 1.4em; /* 14px */
color: #49525e;
background-color: #f5f5f5;
font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html,
body {
padding: 0;
margin: 0;
}
.sr-only {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment