Skip to content

Instantly share code, notes, and snippets.

@kenwheeler
Created March 18, 2014 13:52
Show Gist options
  • Save kenwheeler/9620472 to your computer and use it in GitHub Desktop.
Save kenwheeler/9620472 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<div class="col-contain">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
// ----
// Sass (v3.3.3)
// Compass (v1.0.0.alpha.18)
// Guff (v1.0.0)
// ----
@import "guff";
.col-contain {
@include col-container;
margin: auto;
}
.column {
background: pink;
height: 200px;
@include col(4);
}
.col-contain {
width: 100%;
text-align: justify !important;
text-justify: distribute-all-lines;
font-size: 0 !important;
max-width: 1024px;
margin: auto;
}
.col-contain > * {
text-align: left;
font-size: 1rem;
}
.col-contain:after {
content: '';
display: inline-block;
width: 100%;
}
.column {
background: pink;
height: 200px;
width: 31.8684895833%;
vertical-align: top;
display: inline-block;
}
<div class="col-contain">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment