Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="make-row">
	<div class="column-medium-4"><div class="one"></div></div>
	<div class="column-medium-4"><div class="two"></div></div>
	<div class="column-medium-4"><div class="three"></div></div>
</div>

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

// Bootstrap
// .row {
//   margin-right: -15px;
//   margin-left: -15px;
// }
// .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
//   float: left;}
// .col-md-4 {
//   width: 33.33333333%;}
// // Bootstrap Custumizations
// .make-row {
//   @extend .row;}
// .column-medium-4 {
//   @extend .col-md-4;}

// Foundation
.row {
  margin: 0 auto;
  width: 100%; }
.column,
.columns {
  position: relative;
  // padding-left: 0.9375rem;
  // padding-right: 0.9375rem;
  float: left; }
.medium-4 {
  width: 33.33333%; }
// Foundation Custumizations
.make-row {
  @extend .row;}
.column-medium-4 {
  @extend .medium-4;
  @extend .columns;}
  
// Extras
.one, .two, .three {
  padding: 20px;
  height: 250px;}
.one {
  background-color: #773382;}
.two {
  background-color: #206e9f;}
.three {
  background-color: rgb(110, 71, 54);}

SassMeister-output.css

.row, .make-row {
  margin: 0 auto;
  width: 100%;
}

.column,
.columns,
.column-medium-4 {
  position: relative;
  float: left;
}

.medium-4, .column-medium-4 {
  width: 33.33333%;
}

.one, .two, .three {
  padding: 20px;
  height: 250px;
}

.one {
  background-color: #773382;
}

.two {
  background-color: #206e9f;
}

.three {
  background-color: #6e4736;
}

SassMeister-rendered.html

<div class="make-row">
	<div class="column-medium-4"><div class="one"></div></div>
	<div class="column-medium-4"><div class="two"></div></div>
	<div class="column-medium-4"><div class="three"></div></div>
</div>