Skip to content

Instantly share code, notes, and snippets.

@Undistraction

Undistraction/SassMeister-input-HTML.html

Created July 3, 2015 14:29
Show Gist options
  • Save Undistraction/25947b918f9c21f56ca2 to your computer and use it in GitHub Desktop.
Save Undistraction/25947b918f9c21f56ca2 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="block">
<div class="block-element-1"></div>
<div class="block-element-2"></div>
</div>
<div class="block--special">
<div class="block-element-1"></div>
<div class="block-element-2"></div>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.14)
// Compass (v1.0.3)
// ----
div {
border: 2px white solid;
padding: 20px;
}
.block {
background: red;
&-element-1 {
background: red;
}
&-element-2 {
background: red;
}
}
.block--special {
background: blue;
}
Raw
SassMeister-output.css
div {
border: 2px white solid;
padding: 20px;
}
.block {
background: red;
}
.block-element-1 {
background: red;
}
.block-element-2 {
background: red;
}
.block--special {
background: blue;
}
Raw
SassMeister-rendered.html
<div class="block">
<div class="block-element-1"></div>
<div class="block-element-2"></div>
</div>
<div class="block--special">
<div class="block-element-1"></div>
<div class="block-element-2"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment