hanford

$(function() {
  var hideAllPopovers = function() {
    $('.shift-bar').each(function() {
        $(this).popover('hide');
    });
  };

  $('.shift-bar') .each(function() {
    $(this).popover({
      content: $('.shift-options', this).html(),

hanford

#keypad {
    margin:auto; 
    margin-top:20px;
}
#keypad tr td {
    vertical-align:middle;
    text-align:center;
    border:1px solid #000000;
    font-size:18px;
    font-weight:bold;

hanford

publish () {
  git fetch
  if [[ $(git rev-parse HEAD) != $(git rev-parse @{u}) ]]; then
    return 1
  fi
  npm version $1 && git push origin --tags
}

hanford

const webpack = require('webpack')

const reactExternal = {
  root: 'React',
  commonjs2: 'react',
  commonjs: 'react',
  amd: 'react'
}

const reactDOMExternal = {

hanford

    this.state = {
      isImgLoaded: false
    }

    const img = document.createElement('img')

    img.onload = () => this.setState({
      isImgLoaded: true
    })

hanford

<Drag>
  {({xDelta, yDelta}) => (
   	<div style={{transform: translateY(`${yDelta}px`)}}>
		  Hey, I'm getting dragged
   	</div>
  )}
</Drag>

hanford

// before
<div
  className={style.dragScroll}
  style={{transform: `translateX(-${position}px)`}}
  ref={c => this.setRef(c)}
>
  {ref && <Kinetic allowScroll={direction !== 'y'} max={ref.offsetWidth - 200} direction='x' element={ref} broadcast={this.setPosition} />}

  {children}
</div>

hanford

// before
<div
  className={style.dragScroll}
  style={{transform: `translateX(-${position}px)`}}
  ref={c => this.setRef(c)}
>
  {ref && <Kinetic allowScroll={direction !== 'y'} max={ref.offsetWidth - 200} direction='x' element={ref} broadcast={this.setPosition} />}

  {children}
</div>

hanford

machine:
  node:
    version: 9

dependencies:
  pre:
    - npm i -g now-cli

deployment:
  feature:

hanford

import { connect } from 'react-redux'
import pole from 'pole'
import React from 'react'
import Visibility from 'document-visibility'

const visibility = Visibility()

import { fetchUserProfile, fetchStatus } from 'www/redux/profile/actions'
import { fetchCard } from 'www/redux/checkout/actions'