iamstarkov

module.exports = {
  config: {
    // default font size in pixels for all tabs
    fontSize: 14,

    // font family with optional fallbacks
    fontFamily: 'Fira Code',
    uiFontFamily: 'Fira Code',

    // terminal cursor background color (hex)

iamstarkov

import React, { PropTypes } from 'react';
import cn from 'classnames';

const Button = ({
  classes,
  children,
  tag: Tag,
  block,
  active,
  disabled,

iamstarkov

body {		background: red;	}
@supports (-webkit-overflow-scrolling: touch) {
	body {
		background: green;
	}
}

iamstarkov

body {		background: red;	}
@supports (-webkit-overflow-scrolling: touch) {
	body {
		background: green;
	}
}

iamstarkov

body {		background: red;	}
@supports (-webkit-overflow-scrolling: touch) {
	body {
		background: green;
	}
}

iamstarkov

div {
	margin: 30px auto;
	width: 500px;
	border: 1px solid green;
	border-radius: 15px;
	position: relative;
	padding: 10px;
}

div::before {

iamstarkov

type BorderStyle = oneOf(['solid', 'dotted',  … ])
type Unit = oneOf([ 'px', 'em', 'rem', … ])
type Width = oneOfType([
  type Number,
  `${type Number}{type Unit}`
])
type BorderWidth = inherits Width;

type Color = oneOfType([
  type ColorHex,

iamstarkov

// some fp boilerplate
const map = fn => xs => xs.map(fn);
const reduce = (fn, init) => xs => xs.reduce(fn, init);
const concat = (a, b) => a.concat(b);

/* or in a library */
const R = require('ramda');

// async helpers
const toPromise = x => Promise.resolve(x);

iamstarkov

/**
 * The first commented line is your dabblet’s title
 */

div {
	background: red;
	min-height: 50px;
	max-height: 10px;
}

iamstarkov

/* all initial works differently for links and buttons */
.btn {
	all: initial;
	background: red;
}