base.scss

h1 {
  font-size: 138.5%; }
h2 {
  font-size: 123.1%; }
h3 {
  font-size: 108%; }
h1, h2, h3 {
  margin: 1em 0; }
h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold; }
abbr, acronym {
  border-bottom: 1px dotted #000;
  cursor: help; }
em {
  font-style: italic; }
blockquote, ul, ol, dl {
  margin: 1em; }
ol, ul, dl {
  margin-left: 2em; }
ol li {
  list-style: decimal outside; }
ul li {
  list-style: disc outside; }
dl dd {
  margin-left: 1em; }
th, td {
  border: 1px solid #000;
  padding: .5em; }
th {
  font-weight: bold;
  text-align: center; }
caption {
  margin-bottom: .5em;
  text-align: center; }
p, fieldset, table, pre {
  margin-bottom: 1em; }
input {
  &[type=text], &[type=password] {
    width: 12.25em;
    *width: 11.9em; } }
textarea {
  width: 12.25em;
  *width: 11.9em; }

hack.scss

div {
  &:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both; }
  zoom: 100%; }

mixins.scss

@mixin border-radius($tl: 0px, $tr: 0px, $br: 0px, $bl: 0px) {
  -webkit-border-top-left-radius: $tl;
  -webkit-border-top-right-radius: $tr;
  -webkit-border-bottom-right-radius: $br;
  -webkit-border-bottom-left-radius: $bl;
  -moz-border-radius-topleft: $tl;
  -moz-border-radius-topright: $tr;
  -moz-border-radius-bottomright: $br;
  -moz-border-radius-bottomleft: $bl;
  border-top-left-radius: $tl;
  border-top-right-radius: $tr;
  border-bottom-right-radius: $br;
  border-bottom-left-radius: $bl;
}

@mixin box-shadow($c, $x, $y, $d) {
  -webkit-box-shadow: $c $x $y $d;
  -moz-box-shadow: $c $x $y $d;
  box-shadow: $c $x $y $d;
}

@mixin box-sizing($mode:border-box) {
  -webkit-box-sizing: $mode;
  -moz-box-sizing: $mode;
  box-sizing: $mode;
}
  

reset.scss

html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q {
  &:before, &:after {
    content: ''; } }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup, sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

style.scss

@import "mixins";
@import "reset";
@import "hack";
@import "base";