Skip to content

Instantly share code, notes, and snippets.

@jonathan-beebe
jonathan-beebe / declarative.html
Created April 7, 2014 21:07
Semantic vs Declarative html/scss
<style>
.text--muted {
color: $text-color-light;
}
.text--uppercase {
text-transform: uppercase;
}

Emberjs Simple Calendar Component

A very simple 1-month calendar component

A Pen by Jon Beebe on CodePen.

@jonathan-beebe
jonathan-beebe / SassMeister-input.scss
Created April 15, 2014 21:13
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
// Define items
$brand-bright: (
name: bright,
color: yellow
@jonathan-beebe
jonathan-beebe / SassMeister-input.scss
Created April 15, 2014 21:42
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
// Define items
$brand-default: ();
$brand-bright: (
@jonathan-beebe
jonathan-beebe / SassMeister-input.scss
Created April 16, 2014 18:37
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
// Define items
$brand-default: (
'color': #999,
'font-size': 1em
@jonathan-beebe
jonathan-beebe / SassMeister-input-HTML.html
Created April 23, 2014 16:03
Generated by SassMeister.com.
<div class="spriteWrapper sc max_lucado">
<img src="http://a248.e.akamai.net/f/1611/26335/9h/dramsey.download.akamai.com/23572/daveramsey.com/media/fpu/stewardship/conference_2014/sc_headshot_sprite_116.png" alt=""/>
</div>
<div class="spriteWrapper sc dave_ramsey">
<img src="http://a248.e.akamai.net/f/1611/26335/9h/dramsey.download.akamai.com/23572/daveramsey.com/media/fpu/stewardship/conference_2014/sc_headshot_sprite_116.png" alt=""/>
</div>
<div class="spriteWrapper sc tom_stanley">
<img src="http://a248.e.akamai.net/f/1611/26335/9h/dramsey.download.akamai.com/23572/daveramsey.com/media/fpu/stewardship/conference_2014/sc_headshot_sprite_116.png" alt=""/>
</div>
<p>test</p>
var gistPrefix = 'https://gist.github.com/',
// Cache document.write so that it can be restored once all Gists have been
// embedded.
cachedWrite = document.write,
body = $('body'),
// Map each p.gist to an object that contains the paragraph to be replaced
// and the Gist's identifier.
gists = $('a.gist').map(function(n, a) {
a = $(a);
var href = a.attr('href');
@jonathan-beebe
jonathan-beebe / SassMeister-input.scss
Created July 21, 2014 18:03
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
@mixin item-generator ($n, $i: 1) {
@while $i <= $n {
.item--block--#{$i} {
@extend %item;
.item {
@jonathan-beebe
jonathan-beebe / SassMeister-input.scss
Created July 21, 2014 18:03
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
@mixin item-generator ($n, $i: 1) {
@while $i <= $n {
.item--block--#{$i} {
@extend .item;
.item {
@jonathan-beebe
jonathan-beebe / SassMeister-input.scss
Created August 6, 2014 13:24
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----
$text-base: (
font-size: 1.0rem,
line-height: 1.8rem,
font-weight: normal,
text-color: #333