bourbon

style.css

html, body {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline; }

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
acronym, applet, big, center, dir, strike, tt, u {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline; }

article aside details figcaption figure footer header hgroup menu nav section summary {
  display: block; }

body {
  line-height: 1; }

img,
a img {
  border: none; }

nav ol,
nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

blockquote,
q {
  quotes: none; }
  blockquote:before, blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
  table caption,
  table th,
  table td {
    font-weight: 400;
    text-align: left;
    vertical-align: middle; }
    table caption.center,
    table th.center,
    table td.center {
      text-align: center; }
    table caption.right,
    table th.right,
    table td.right {
      text-align: right; }
    table caption.top,
    table th.top,
    table td.top {
      vertical-align: top; }
    table caption.bottom,
    table th.bottom,
    table td.bottom {
      vertical-align: bottom; }

.row {
  *zoom: 1;
  width: 200px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.left, .right {
  width: 50%; }

.left {
  float: left;
  background: red; }

.right {
  float: right;
  background: blue; }

style.sass

@import 'bourbon/bourbon'
@import 'bourbon/addons/reset'
@import 'bourbon/addons/clearfix'

+reset

.row
  +clearfix
  width: 200px

%halfBox
  width: 50%

.left
  @extend %halfBox
  float: left
  background: red

.right
  @extend %halfBox
  float: right
  background: blue