mavame

// Ch2 from Pro JavaScript Design Patterns
// Interfaces in JS!!

/*
  interface Composite {
    function add(child);
    function remove(child);
    function getChild(index);
  }
  interface FormItem {

mavame

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

body {
  text-align:center;
}

div {
  color:#eac;

mavame

<div class="column">
  <a class="btn red">Button</a>
  <div class="swatch red"></div>
  <a class="btn darkRed">Button</a>
  <div class="swatch darkRed"></div>
  <a class="btn burntRed">Button</a>
  <div class="swatch burntRed"></div>
  <a class="btn brightBlue">Button</a>
  <div class="swatch brightBlue"></div>
  <a class="btn blue">Button</a>