Skip to content

Instantly share code, notes, and snippets.

@jsit
Created December 16, 2013 20:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jsit/7994274 to your computer and use it in GitHub Desktop.
Save jsit/7994274 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="columns">
<div class="column" style="background-color:#f00">
</div>
<div class="column" style="background-color:#0f0">
</div>
<div class="column" style="background-color:#00f">
</div>
</div>
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@import "bourbon/bourbon";
@import "neat/neat";
.column {
@include span-columns(4 of 12, block-collapse);
height: 200px;
@include pad();
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.column {
float: left;
display: block;
width: 34.11922%;
height: 200px;
padding: 2.35765%;
}
.column:last-child {
width: 31.76157%;
}
<div class="columns">
<div class="column" style="background-color:#f00">
</div>
<div class="column" style="background-color:#0f0">
</div>
<div class="column" style="background-color:#00f">
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment