Skip to content

Instantly share code, notes, and snippets.

@davilious

davilious/SassMeister-input-HTML.html

Last active August 29, 2015 14:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save davilious/621f0d9e10ae8aac4397 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save davilious/621f0d9e10ae8aac4397 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="green-element"></div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.2.19)
// Compass (v0.12.7)
// ----
.red-element {
height: 200px;
width: 200px;
background: red;
}
.green-element {
@extend .red-element;
background: green;
}
.blue-element {
background: blue;
}
/* remove comment to see the collision
.red-element {
height: 200px;
width: 200px;
background: red;
}
*/
Raw
SassMeister-output.css
.red-element, .green-element {
height: 200px;
width: 200px;
background: red;
}
.green-element {
background: green;
}
.blue-element {
background: blue;
}
/* remove comment to see the collision
.red-element {
height: 200px;
width: 200px;
background: red;
}
*/
Raw
SassMeister-rendered.html
<div class="green-element"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment