Clearfix example

clearfix-example.html

<div class="box-set">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

clearfix-example.scss

// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Stipe (v0.0.6.4)
// ----

@import "stipe/manifest";

.box-set {
  background: #e8eae9;
  //float: left;
  //width: 100%;
  //overflow: auto;
  //@extend %clearfix;
}
.box {
  background: #8ec63f;
  color: white;
  text-align: center;
  line-height: 150px;
  float: left;
  margin: 10px;
  width: 200px;
  //box-shadow: 0px 30px 10px orange;
}