Skip to content

Instantly share code, notes, and snippets.

window.button = function () {
$('Button').each(function() {
// Get component variables
var size = $(this).attr('size');
var kind = $(this).attr('kind');
var color = $(this).attr('color');
var value = $(this).attr('value');
var type = $(this).attr('type');
// Define compulsory classes
<a class="display-inlineBlock va-middle appearance-none ws-noWrap os-none us-none fw-5 td-none ta-center cursor-pointer tp-all td-s ttf-ease br-m bw-0 js-componentFlatButton height-UIm mw-UIm lh-UIm pl-s pr-s fs-m bs-black--pellucid bs-blue--hover bc-none color-charcoal--hover color-blue">Button</a>
Colms-MacBook-Air:state-engine colmtuite$ heroku logs
2016-10-04T03:42:28.054549+00:00 app[web.1]: at Module._compile (module.js:387:25)
2016-10-04T03:42:28.054549+00:00 app[web.1]: at Object.Module._extensions..js (module.js:422:10)
2016-10-04T03:42:28.054550+00:00 app[web.1]: at Module.load (module.js:357:32)
2016-10-04T03:42:28.054550+00:00 app[web.1]: at Function.Module._load (module.js:314:12)
2016-10-04T03:42:28.054551+00:00 app[web.1]: at Function.Module.runMain (module.js:447:10)
2016-10-04T03:42:28.054556+00:00 app[web.1]: at node.js:405:3
2016-10-04T03:42:28.054552+00:00 app[web.1]: at startup (node.js:148:18)
2016-10-04T03:42:28.155892+00:00 heroku[web.1]: State changed from starting to crashed
2016-10-04T03:42:28.141062+00:00 heroku[web.1]: Process exited with status 1
import React from 'react';
const categoriesClasses = [
'position-relative',
'textAlign-center',
].join(' ');
export default function Categories() {
return (
<div className={categoriesClasses}>
import React from 'react';
const closeButtonClasses = [
'posPinTR',
'bg-white',
'borderWidth-0',
'borderRightWidth-1',
'borderBottomWidth-1',
'borderRadiusBottomRight-s',
'borderStyle-solid',
import React from 'react';
import Search from './Search.react';
import Categories from './Categories.react';
import CloseButton from './CloseButton.react';
const inspectorClasses = [
'posFixTL',
'bg-white',
'borderWidth-0',
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Adam Gallagher</title>
<link rel="stylesheet" href="css/bantam.min.css">
<style>
body {
import React, { PropTypes } from 'react';
import classNames from 'classnames';
const baseButtonClasses = [
'display-inlineBlock',
'borderWidth-0',
'outlineStyle-none',
'verticalAlign-middle',
'appearance-none',
'whiteSpace-nowrap',
import React from 'react';
import InputField from './InputField.react';
import classNames from 'classnames';
export default function Input(props) {
const classes = [];
if (props.disabled) classes.push('opacity-30', 'userSelect-none', 'pointerEvents-none');
return (
<div
className={classNames(classes, props.className)}>
import React from 'react';
import throttle from 'lodash/throttle';
import Panel from './Panel.react';
import Input from './Input.react';
import SelectItemAction from '~/actions/SelectItemAction';
import DeselectItemAction from '~/actions/DeselectItemAction';
import TranslateItemAction from '~/actions/TranslateItemAction';
import TransformItemAction from '~/actions/TransformItemAction';