Skip to content

Instantly share code, notes, and snippets.

@vicegold

vicegold/SassMeister-input-HTML.html

Created December 2, 2015 09:17
Show Gist options
  • Save vicegold/37b58b798ec494bd9ed1 to your computer and use it in GitHub Desktop.
Save vicegold/37b58b798ec494bd9ed1 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="item">12</div>
<div class="item">34</div>
<div class="item">56</div>
<div class="item">78</div>
<div class="item">90</div>
</div>
Raw
SassMeister-input.sass
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
.container
display: flex
height: 400px
flex-flow: column
.item
background: red
margin-right: 10px
&:nth-of-type(4)
margin-top: auto
Raw
SassMeister-output.css
.container {
display: flex;
height: 400px;
flex-flow: column;
}
.item {
background: red;
margin-right: 10px;
}
.item:nth-of-type(4) {
margin-top: auto;
}
Raw
SassMeister-rendered.html
<div class="container">
<div class="item">12</div>
<div class="item">34</div>
<div class="item">56</div>
<div class="item">78</div>
<div class="item">90</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment