Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
<div class="l-content">
<div class="node">1</div>
<div class="node">2</div>
<div class="node">3</div>
<div class="node">4</div>
<div class="node">5</div>
<div class="node">6</div>
</div>
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Susy (v)
// ----
@import "susy";
.l-content .node{
@include span-columns(4, 16);
@include nth-omega(4n);
background: #eee;
margin-bottom: 1em;
}
.l-content .node {
width: 24.05063%;
float: left;
margin-right: 1.26582%;
display: inline;
background: #eee;
margin-bottom: 1em;
}
.l-content .node:nth-child(4n) {
float: right;
margin-right: 0;
}
<div class="l-content">
<div class="node">1</div>
<div class="node">2</div>
<div class="node">3</div>
<div class="node">4</div>
<div class="node">5</div>
<div class="node">6</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.