Skip to content

Instantly share code, notes, and snippets.

View fafaradesigns's full-sized avatar

fafaradesigns

1 follower · 2 following
View GitHub Profile
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Created November 17, 2014 00:14
susy-layout - 960 asymmetrical - gallery
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Created November 17, 2014 01:38
style guide v1
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<div class="berries">
<ol class="color-palette">
<li class="color-palette__item">1</li>
<li class="color-palette__item">2</li>
<li class="color-palette__item">3</li>
<li class="color-palette__item">4</li>
<li class="color-palette__item">5</li>
</ol>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Last active August 29, 2015 14:09
susy-layout - column width - split
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Last active August 29, 2015 14:09
susy-layout - layout mixin
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Last active August 29, 2015 14:09
susy-layout - layout shorthand
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Last active August 29, 2015 14:09
susy-layout - inside static
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Last active August 29, 2015 14:09
susy layout shorthand - 960 Grid System
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Last active August 29, 2015 14:09
susy-layouts - asymmetrical - longhand
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / SassMeister-input-HTML.html
Last active August 29, 2015 14:09
susy layouts - em to percent
<body>
<header>header</header>
<nav>navigation</nav>
<article>article</article>
<footer>footer</footer>
</body>
@fafaradesigns
fafaradesigns / susy starterv1
Created November 17, 2014 18:21
SCSS: Susy Shaded Background
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));