davidpett

import * as React from 'react';
import { forwardRef } from 'react';

export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  size?: 'small' | 'medium' | 'large';
}

const ButtonBase = forwardRef<HTMLButtonElement, IButton>(
  ({ className, size = 'medium', type = 'button', ...rest }, forwardedRef) => {
    const isBase = !Boolean(className);

davidpett

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

davidpett

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

davidpett

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

davidpett

import { View } from 'react-primitives'
import React, { Component } from 'react'
import Children from 'react-children-utilities'
import { DragItem, DropArea } from '../drag-drop'

export default class DragDrop extends Component {
  render() {
    const { activeDropArea, items, isDragging, position } = this.state
    const children = Children.deepMap(this.props.children, (child, index) => {
      if (child.type === DragItem) {

davidpett

import Ember from 'ember';

export default Ember.Controller.extend({
  items: ['x-foo', 'x-bar', 'x-baz']
});

davidpett

import Module from './module';

export default Module.extend({
});

davidpett

@mixin angle($pseudo, $flip: false, $angle: 2deg) {
  // Possible values for $pseudo are: before, after, both
  @if $pseudo == 'before' or $pseudo == 'after' or $pseudo == 'both' {
    position: relative;
    z-index: 1;
    $selector: if($pseudo == 'both', '&:before,&:after', '&:#{$pseudo}');

    #{$selector} {
      background: inherit;
      content: '';

davidpett

@import './tachyons/tachyons'; // tachyons source 

@import './_custom'; // any custom css
@import './_vars'; // put last because that is how CSS vars work...

/*
in _vars.css you can override tachyons vars

:root {
  --navy: #001624;

davidpett

import Ember from 'ember';

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