Skip to content

Instantly share code, notes, and snippets.

@DannyJoris

DannyJoris/SassMeister-input-HTML.html

Created June 12, 2014 19:00
Show Gist options
  • Save DannyJoris/753f1e37e3938ce63d72 to your computer and use it in GitHub Desktop.
Save DannyJoris/753f1e37e3938ce63d72 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="container">
<div class="column">Column 1</div>
<div class="column">Column 2</div>
<div class="column">Column 3</div>
<div class="column">Column 4</div>
<div class="column">Column 5</div>
<div class="column">Column 6</div>
<div class="column">Column 7</div>
<div class="column">Column 8</div>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
.column {
padding: 10px;
margin-bottom: 1px;
max-width: 200px;
color: white;
background: hotpink;
& + & {
margin-left: 30px;
}
& + & + & + &{
margin-left: 60px;
}
}
Raw
SassMeister-output.css
.column {
padding: 10px;
margin-bottom: 1px;
max-width: 200px;
color: white;
background: hotpink;
}
.column + .column {
margin-left: 30px;
}
.column + .column + .column + .column {
margin-left: 60px;
}
Raw
SassMeister-rendered.html
<div class="container">
<div class="column">Column 1</div>
<div class="column">Column 2</div>
<div class="column">Column 3</div>
<div class="column">Column 4</div>
<div class="column">Column 5</div>
<div class="column">Column 6</div>
<div class="column">Column 7</div>
<div class="column">Column 8</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment