Skip to content

Instantly share code, notes, and snippets.

@oksushi

oksushi/SassMeister-input-HTML.html

Created September 16, 2015 04:35
Show Gist options
  • Save oksushi/99dea18040729b1249d6 to your computer and use it in GitHub Desktop.
Save oksushi/99dea18040729b1249d6 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="app-bar">
Hi there
<header class="app-bar-header">
Hi there
</header>
<footer class="app-bar-footer">
Hi there
</footer>
</div>
Raw
SassMeister-input.scss
// ----
// libsass (v3.2.5)
// ----
.app-bar {
background: hotpink;
&-header {
/* border-bottom: ... */
background: blue;
}
&-footer {
/* border-top: ... */
background: red;
}
}
Raw
SassMeister-output.css
.app-bar {
background: hotpink;
}
.app-bar-header {
/* border-bottom: ... */
background: blue;
}
.app-bar-footer {
/* border-top: ... */
background: red;
}
Raw
SassMeister-rendered.html
<div class="app-bar">
Hi there
<header class="app-bar-header">
Hi there
</header>
<footer class="app-bar-footer">
Hi there
</footer>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment