nhunzaker

@media (min-width: 30em) {
  .row {
    width: 100%;
    display: table;
    table-layout: fixed;
  }

  .row-loose {
    table-layout: auto;
  }

nhunzaker

NPM_BIN = $$(npm bin)
BABEL   = $(NPM_BIN)/babel
SASS    = $(NPM_BIN)/node-sass
DIST    = dist

.PHONY: build javascript sass

build: javascript sass

$(DIST):

nhunzaker

let Home = React.createClass({
  statics: {
    fetch(app) {
      return new Promise(function(resolve, reject) {
        setTimeout(resolve, 1000)
      })
    }
  },
  
  render() {

nhunzaker

http://fredkschott.com/post/2014/03/understanding-error-first-callbacks-in-node-js/

https://github.com/hapijs/university

https://gist.github.com/hueniverse/a06f6315ea736ed1b46d

nhunzaker

nhunzaker

function* range (start, end) {
  while (start < end) yield start++ 
}

let [ a, b, c, d, e, f, g] = range(0, 10)

console.log(a, b, c, d, e, f, g)
console.log(...range(0, 10))

nhunzaker

// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

@mixin atomic-css ($name) {

  @mixin $name {
    @content
  }

nhunzaker

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

$color: blue;
$color: red !default;

body {
  color: $color;

nhunzaker

var states = {
  'account': {
    component: AccountFields,
    next: 'survey'
  },
  'survey': {
    component: SurveyFields
    next: 'confirmation'
  }
  //..

nhunzaker

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

$colors: ( crimson: "#f00" );
$fancy: ( $colors: "oh so fancy" );

body {
  color: map-get($fancy, $colors);