Skip to content

Instantly share code, notes, and snippets.

@scottkellum

scottkellum/SassMeister-input-HTML.html

Last active August 29, 2015 14:08
Show Gist options
  • Save scottkellum/0cd8ad37899ea8499810 to your computer and use it in GitHub Desktop.
Save scottkellum/0cd8ad37899ea8499810 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<h2 class="title">title</h2>
<p class="paragraph">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
@mixin yolo() {
@at-root {
:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root,
:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root * {
@content;
}
}
}
h2 {
@include yolo {
color: red;
}
}
.title {
color: blue;
}
.paragraph {
color: green;
}
Raw
SassMeister-output.css
:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root,
:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root * {
color: red;
}
.title {
color: blue;
}
.paragraph {
color: green;
}
Raw
SassMeister-rendered.html
<h2 class="title">title</h2>
<p class="paragraph">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment