dephora

import React from 'react';

const MIN_SCALE = 1;
const MAX_SCALE = 4;
const SETTLE_RANGE = 0.001;
const ADDITIONAL_LIMIT = 0.2;
const DOUBLE_TAP_THRESHOLD = 300;
const ANIMATION_SPEED = 0.04;
const RESET_ANIMATION_SPEED = 0.08;
const INITIAL_X = 0;

dephora

license: mit

dephora

license: mit

dephora

license: mit

dephora

import Ember from 'ember';
import { task, timeout } from 'ember-concurrency';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',

  myTask: task(function * () {
    let didConfirm = yield this.get('getConfirmation').perform("Are you sure?");
    if (didConfirm) {
      alert("woot");

dephora

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

dephora

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

dephora

.container
  .inner-row
    .box.one
    .box.two
    .box.three
    .box.four    
    / button.btn.btn-reset Reset
  .inner-row
    button.btn.btn-start Start

dephora

.container
  .inner-row
    .box.one
    .box.two
    .box.three
    .box.four    
    / button.btn.btn-reset Reset
  .inner-row
    button.btn.btn-animate Animate
  .inner-row

dephora

.box
  .box1.shadow
  .box2.shadow
  .box3.shadow
  .box4.shadow
  .box5.shadow
  
  %h3
    Click an element to create an overlay around it, press any key to clear the overlays.