Skip to content

Instantly share code, notes, and snippets.

@mirisuzanne

mirisuzanne/SassMeister-input-HTML.html

Created May 8, 2014 17:05
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 mirisuzanne/f347ddfddfc311e187c7 to your computer and use it in GitHub Desktop.
Save mirisuzanne/f347ddfddfc311e187c7 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<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>
Raw
SassMeister-input.scss
// ----
// 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;
}
Raw
SassMeister-output.css
.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;
}
Raw
SassMeister-rendered.html
<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