Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generated by SassMeister.com.
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
// ----
// Sass (v3.3.2)
// Compass (v1.0.0.alpha.18)
// Susy (v2.1.1)
// ----
@import "susy";
// body {}
// header {}
// nav {}
// article {}
// footer {}
// visuals
// -------
// $pink: rgb(255, 0, 128);
// html { background: white; }
// header, nav, article, footer {
// padding-top: 1em;
// padding-bottom: 1em;
// font-family: monospace, serif;
// background:
// linear-gradient(rgba($pink, .125), rgba($pink, .125)),
// rgba($pink, .25);
// background-clip: content-box, border-box;
// box-shadow: 0 0 0 1px rgba($pink, .25) inset;
// }
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.