diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 8210ad2..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,4 +0,0 @@
-language: node_js
-node_js:
-  - 6
-sudo: false
diff --git a/axis/_button.css b/axis/_button.css
new file mode 100644
index 0000000..d7f9d73
--- /dev/null
+++ b/axis/_button.css
@@ -0,0 +1,106 @@
+/* ------ */
+/* Button */
+/* ------ */
+
+:root {
+
+  /* Mixin: Button
+
+  Creates a basic button. */
+  --button {
+    padding: calc(var(--button-med-size) * .6) calc(var(--button-med-size) * .8);
+    font-size: var(--button-med-size);
+    @apply --transition;
+    cursor: pointer;
+    line-height: 1em;
+    text-decoration: none;
+    display: inline-block;
+    border: var(--outline-button-stroke) solid var(--button-bg-color);
+    border-radius: var(--button-radius);
+    background-color: var(--button-bg-color);
+    color: var(--button-text-color);
+    user-select: none;
+
+    &:hover, &:active {
+      border: var(--outline-button-stroke) solid color(var(--button-bg-color) shade(20%));
+      background-color: color(var(--button-bg-color) shade(20%));
+    }
+  }
+
+  /* --- Button modifiers --- */
+
+  /* Mixin: Large button
+
+  Make the default button bigger. Note: must be applied after --button. */
+  --button-large {
+    padding: calc(var(--button-large-size) * .6) calc(var(--button-large-size));
+    font-size: var(--button-large-size);
+  }
+
+  /* Mixin: Small button
+
+  Make the default button smaller. Note: must be applied after --button. */
+  --button-small {
+    padding: calc(var(--button-small-size) * .6) calc(var(--button-small-size) * .8) calc(var(--button-small-size) * .5);
+    font-size: var(--button-small-size);
+  }
+
+  /* Mixin: Outline button
+
+  Creates an outline-style button. Note: must be applied after --button. */
+  --button-outline {
+    background: var(--outline-button-bg-color);
+    color: var(--outline-button-stroke-color);
+    border: var(--outline-button-stroke) solid var(--outline-button-stroke-color);
+
+    &:hover {
+      background: var(--outline-button-bg-hover-color);
+      border: var(--outline-button-stroke) solid var(--outline-button-stroke-hover-color);
+      color: var(--outline-button-stroke-hover-color);
+    }
+  }
+
+  /* Mixin: Disabled button
+
+  Sometimes you dont want buttons to be clicked. This is one of those times.
+   Note: must be applied after --button. */
+  --button-disabled {
+    cursor: not-allowed;
+    background-color: color(var(--base-gray) tint(70%));
+    border: var(--outline-button-stroke) solid color(var(--base-gray) tint(70%));
+
+    &:hover {
+      background-color: color(var(--base-gray) tint(70%));
+      border: var(--outline-button-stroke) solid color(var(--base-gray) tint(70%));
+    }
+  }
+
+  /* Additive Mixin: Buttons
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds Axis' styles to buttons. */
+  --buttons {
+    button,
+    .btn {
+      @apply --button;
+
+      &.large {
+        @apply --button-large;
+      }
+
+      &.small {
+        @apply --button-small;
+      }
+
+      &.outline {
+        @apply --button-outline;
+      }
+
+      &.disabled {
+        @apply --button-disabled;
+      }
+    }
+  }
+}
diff --git a/axis/_code.css b/axis/_code.css
new file mode 100644
index 0000000..c0f4afa
--- /dev/null
+++ b/axis/_code.css
@@ -0,0 +1,62 @@
+/* ----------- */
+/* Code Blocks */
+/* ----------- */
+
+:root {
+  /* Mixin: Code
+
+  Styles inline code snippets. Fits nicely within a pagaraph. */
+  --code {
+    background-color: color(var(--base-gray) lightness(96%));
+    border: 1px solid color(var(--base-gray) lightness(85%));
+    border-radius: var(--global-border-radius);
+    color: var(--color-accent);
+    font-family: var(--font-monospace);
+    font-size: .8rem;
+    padding: .08rem .2rem;
+    white-space: normal;
+  }
+
+  /* Mixin: Pre
+
+  Default styling for code blocks. */
+  --pre {
+    background-color: color(var(--base-gray) lightness(96%));
+    border: 1px solid color(var(--base-gray) lightness(80%));
+    border-radius: var(--global-border-radius);
+    display: block;
+    font-family: var(--font-monospace);
+    font-size: .8rem;
+    line-height: inherit;
+    margin: 0 0 var(--default-margin);
+    padding: .5rem .8rem;
+    white-space: pre-wrap;
+  }
+
+
+  /* Mixin: Pre Dark
+
+  Dark theme for code blocks.  Note: must be applied after --pre.*/
+  --pre-dark {
+    background-color: color(var(--base-gray) lightness(20%));
+    color: color(var(--base-gray) lightness(75%));
+    border: 1px solid color(var(--base-gray) lightness(14%));
+  }
+
+
+  /* Additive Mixin: Code blocks
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds Axis' styles to code blocks. */
+  --code-blocks {
+    code {
+      @apply --code;
+    }
+
+    pre {
+      @apply --pre;
+    }
+  }
+}
diff --git a/axis/_forms.css b/axis/_forms.css
new file mode 100644
index 0000000..12e3389
--- /dev/null
+++ b/axis/_forms.css
@@ -0,0 +1,484 @@
+/* ------ */
+/* Forms */
+/* ------ */
+
+/* todo: error, warning, success inputs, input active glow, input active arrow */
+
+:root {
+  /* Mixin: Input
+  A general purpose mixin for text inputs. Provides an nice attractive default
+  style that's easily customizable. */
+  --input {
+    @apply --transition;
+    font-size: var(--base-font-size);
+    font-weight: var(--base-font-weight);
+    border: var(--input-stroke) solid var(--input-border-color);
+    border-radius: var(--global-border-radius);
+    height: var(--input-height);
+    outline: none;
+    padding: var(--input-padding);
+    background: var(--input-bg-color);
+    font-family: inherit;
+    width: var(--input-width);
+    max-width: var(--input-max-width);
+    min-width: var(--input-min-width);
+    color: var(--input-text-color);
+    font-size: inherit;
+    line-height: inherit;
+
+    &:hover {
+      border-color: var(--input-border-hover-color);
+    }
+
+    &:focus {
+      box-shadow: inset 0 0 0 var(--input-focus-inset) var(--input-focus-color);
+      border: 1px solid var(--input-focus-color);
+      outline: none
+    }
+  }
+
+  /* Mixin: Input warning
+
+  When someone F'd it up, you gotta show them how it is. Put this on an input
+  to make it clear that something is not quite right.  */
+  --input-warning {
+    border-color: var(--color-warning);
+
+    &:focus {
+      border-color: color(var(--color-warning) a(50%));
+      box-shadow: 0 0 .6rem color(var(--color-warning) a(50%))
+    }
+  }
+
+  /* Mixin: Autofill
+
+  When forms are auto-filled, the background color for the inputs (ie: pale
+  yellow) can be very jarring, especially if you have a dark background.  This
+  allows you to override that. */
+
+  --autofill {
+    &:-webkit-autofill {
+      -webkit-box-shadow: 0 0 0px 1000px var(--input-autofill-bg-color) inset;
+      -webkit-text-fill-color: var(--input-autofill-text-color)
+    }
+
+    &:-moz-autofill {
+      -moz-box-shadow: 0 0 0px 1000px var(--input-autofill-bg-color) inset;
+      -moz-text-fill-color: var(--input-autofill-text-color)
+    }
+
+    &:-o-autofill {
+      -o-box-shadow: 0 0 0px 1000px var(--input-autofill-bg-color) inset;
+      -o-text-fill-color: var(--input-autofill-text-color)
+    }
+
+    &:-khtml-autofill {
+      -khtml-box-shadow: 0 0 0px 1000px var(--input-autofill-bg-color) inset;
+      -khtml-text-fill-color: var(--input-autofill-text-color)
+    }
+  }
+
+  /* Mixin: Textarea
+
+  Get your text areas looking nice. */
+  --textarea {
+    @apply --input;
+    @apply --autofill;
+    color: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    width: var(--text-area-width);
+    max-width: var(--text-area-max-width);
+    min-width: var(--text-area-min-width);
+  }
+
+  --label {
+    display: var(--label-display);
+    text-align: var(--label-align);
+    min-width: var(--label-min-width);
+    max-width: var(--label-max-width);
+    width: var(--label-width);
+  }
+
+  /* Mixin: File Input
+
+  Styles the file input to look like a normal button. Note: Currently only works
+  in Webkit. Do not use if you need cross browser support. */
+  --file-input {
+    box-sizing: border-box;
+    font-size: var(--base-font-size);
+    cursor: pointer;
+    line-height: 1em;
+    text-decoration: none;
+    display: inline-block;
+    border: var(--outline-button-stroke) solid var(--button-bg-color);
+    border-radius: var(--button-radius);
+    outline: 0;
+    padding: .4rem;
+    position: relative;
+    width: 200px;
+    color: var(--button-text-color);
+
+    &:after {
+      box-sizing: inherit;
+      text-align: center;
+      position: absolute;
+      display: block;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: var(--button-bg-color);
+      content: 'Choose a file ...';
+      padding: calc(var(--button-med-size) * .6) calc(var(--button-med-size) * .8);
+    }
+    &:hover:after, &:active:after {
+      background-color: color(var(--button-bg-color) shade(20%));
+    }
+  }
+
+  /* Mixin: Fieldset
+
+  Apply default styling to fieldsets */
+  --fieldset {
+    border: var(--fieldset-border);
+    border-radius: var(--global-border-radius);
+  }
+
+  /* Mixin: Select box
+
+  Uniform, cross-browser select-box styling.
+  Note: Must be applied to a container wrapping the <select> tag. */
+
+  --select-box {
+    box-sizing: border-box;
+    position: relative;
+    display: inline-block;
+    width: var(--input-select-width);
+    min-width: --input-select-min-width;
+    max-width: var(--input-select-max-width);
+    border-radius: var(--global-border-radius);
+    background-color: var(--input-select-bg-color);
+    border: var(--fieldset-border);
+
+    &:hover {
+      border-color: var(--input-border-hover-color);
+    }
+
+    &:focus {
+      box-shadow: inset 0 0 0 1px var(--input-focus-color);
+      border: 1px solid var(--input-focus-color);
+      outline: none;
+    }
+
+    &:after {
+      content: '';
+      position: absolute;
+      top: calc(50% - (var(--input-select-arrow-size) / 2));
+      right: .75em;
+      z-index: 2;
+      display: none;
+      pointer-events: none;
+      display: block;
+      border-left: var(--input-select-arrow-size) solid transparent;
+      border-right: var(--input-select-arrow-size) solid transparent;
+      border-top: var(--input-select-arrow-size) solid var(--input-select-arrow-color);
+    }
+
+    & select {
+      width: 100%;
+      margin: 0;
+      outline: none;
+      padding: var(--input-padding);
+      font-size: var(--base-font-size); /*anything except 16px will create page zoom on ios */
+      border: none;
+      border-radius: var(--global-border-radius);
+      border: var(--input-stroke) solid color(var(--base-gray) tint(70%));
+      padding-right: 2em;
+      background: none;
+      border: 0px solid transparent;
+      appearance: none;
+      color: inherit;
+      font-size: inherit;
+      line-height: inherit;
+      text-transform: none;
+      margin: 0;
+
+      &:-moz-focusring {
+        color: transparent;
+        text-shadow: 0 0 0 #000;
+      }
+
+      &::-ms-expand {
+        display: none;
+      }
+
+      &:focus, &:active {
+        border: none;
+        box-shadow: none;
+      }
+
+      & option {
+        padding: .3rem .7rem
+      }
+    }
+  }
+
+  /* Mixin: Checkbox
+
+  Styles checkboxes (and their labels) uniformly across browsers. Apply this
+  to [type='checkbox'] or a class on a checkbox. */
+  --checkbox {
+    box-sizing: border-box;
+    position: absolute;
+    display: none;
+
+    & + label {
+      box-sizing: border-box;
+      position: relative;
+      display: block;
+      padding-left: calc(1.875 * var(--control-label-text-size));
+      cursor: pointer;
+      vertical-align: middle;
+      font-size: var(--control-label-text-size);
+      line-height: 1.3em;
+      margin-bottom: calc(0.5 * var(--control-label-text-size));
+
+      &:hover {
+        &:before {
+          border: 1px solid var(--input-control-active)
+        }
+      }
+
+      &:before {
+        border-radius: var(--global-border-radius);
+        box-sizing: border-box;
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: inline-block;
+        width: calc(1.25 * var(--control-label-text-size));
+        height: calc(1.25 * var(--control-label-text-size));
+        content: '';
+        transition: border .2s ease;
+        border: 1px solid var(--input-control-border);
+        background: var(--input-control);
+      }
+
+      &:after {
+        box-sizing: border-box;
+        position: absolute;
+        content: '';
+        transition: all .2s ease;
+        top: calc(0.125 * var(--control-label-text-size));
+        left: calc(0.4375 * var(--control-label-text-size));
+        width: calc(0.375 * var(--control-label-text-size));
+        height: calc(0.75 * var(--control-label-text-size));
+        transform: scale(0) rotate(45deg);
+        border-width: calc(0.125 * var(--control-label-text-size));
+        border-style: solid;
+        border-color: var(--input-control-checkmark);
+        border-top: 0;
+        border-left: 0;
+      }
+    }
+
+    &:checked + label {
+      &:before {
+        border: var(--input-control-active);
+        background: var(--input-control-active);
+      }
+
+      &:after {
+        transform: scale(1) rotate(45deg);
+      }
+    }
+
+    &[disabled], &[disabled] + label {
+      cursor: not-allowed;
+
+      &:hover, &:before, &:after {
+        cursor: not-allowed;
+      }
+    }
+
+    &[disabled] + label {
+      color: var(--input-control-disabled);
+
+      &:before {
+        border-color: var(--input-control-disabled);
+      }
+    }
+
+    &:checked[disabled] + label {
+      &:before {
+        border: var(--input-control-disabled-checked);
+        background: var(--input-control-disabled-checked);
+      }
+    }
+  }
+
+
+  /* Mixin: Radio
+
+  Styles radio buttons (and their labels) uniformly across browsers. Apply this
+  to [type='radio'] or a class on a ratio button. */
+  --radio {
+    box-sizing: border-box;
+    position: absolute;
+    display: none;
+
+    & + label {
+      box-sizing: border-box;
+      position: relative;
+      display: block;
+      padding-left: calc(1.875 * var(--control-label-text-size));
+      cursor: pointer;
+      vertical-align: middle;
+      font-size: var(--control-label-text-size);
+      line-height: 1.3em;
+      margin-bottom: calc(0.5 * var(--control-label-text-size));
+
+      &:hover {
+        &:before {
+          border: 1px solid var(--input-control-active);
+        }
+      }
+
+      &:before {
+        border-radius: 50%;
+        box-sizing: border-box;
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: inline-block;
+        width: calc(1.25 * var(--control-label-text-size));
+        height: calc(1.25 * var(--control-label-text-size));
+        content: '';
+        transition: border .2s ease;
+        border: 1px solid var(--input-control-border);
+        background: var(--input-control);
+      }
+
+      &:after {
+        box-sizing: border-box;
+        position: absolute;
+        content: '';
+        transition: all .2s ease;
+        top: calc(0.375 * var(--control-label-text-size));
+        left: calc(0.375 * var(--control-label-text-size));
+        width: calc(0.5 * var(--control-label-text-size));
+        height: calc(0.5 * var(--control-label-text-size));
+        border-radius: 50%;
+        background: var(--input-control-active);
+        transform: scale(0);
+      }
+    }
+
+    &:checked + label {
+      &:before {
+        border: 1px solid var(--input-control-active);
+      }
+
+      &:after {
+        transform: scale(1);
+      }
+    }
+
+    &[disabled], &[disabled] + label {
+      cursor: not-allowed;
+
+      &:hover, &:before, &:after {
+        cursor: not-allowed;
+      }
+    }
+
+    &:checked[disabled] + label {
+      &:before {
+        border: 1px solid var(--input-control-disabled-checked);
+      }
+
+      &:after {
+        background: var(--input-control-disabled-checked);
+      }
+    }
+  }
+
+  /* Additive Mixin: Controls
+
+  Gets your checkboxes and radio buttons looking good as heck across all the
+  browsers.  */
+  --controls {
+    input[type='checkbox'] {
+      @apply --checkbox;
+    }
+    input[type='radio'] {
+      @apply --radio;
+    }
+  }
+
+  /* Additive Mixin: Forms
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds default form styling to the appropriate HTML elements. */
+  --forms {
+    [type='email'],
+    [type='number'],
+    [type='password'],
+    [type='search'],
+    [type='tel'],
+    [type='text'],
+    [type='url'],
+    [type='color'],
+    [type='date'],
+    [type='datetime'],
+    [type='datetime-local'],
+    [type='month'],
+    [type='time'],
+    [type='week'] {
+      @apply --input;
+      @apply --autofill;
+    }
+
+    textarea {
+      @apply --textarea;
+    }
+
+    /*overwrites for color */
+    input[type='color'] {
+      padding: .2rem;
+      width: 2.5rem;
+      max-width: 2.5rem;
+      min-width: 2.5rem;
+      height: 1.5em;
+    }
+
+
+    input[type='reset'],
+    input[type='button'],
+    input[type='submit'] {
+      @apply --button;
+    }
+
+    input[type='reset'] {
+      @apply --button-outline;
+    }
+
+    /* Radio buttons and Checkboxes */
+    @apply --controls;
+
+    label {
+      @apply --label;
+    }
+
+    fieldset {
+      @apply --fieldset;
+    }
+
+    .select-box {
+      @apply --select-box;
+    }
+  }
+}
diff --git a/axis/_index.css b/axis/_index.css
new file mode 100644
index 0000000..5b40e52
--- /dev/null
+++ b/axis/_index.css
@@ -0,0 +1,22 @@
+@import '_settings.css';
+@import '_reset.css';
+@import '_interaction.css';
+@import '_typography.css';
+@import '_code.css';
+@import '_utilities.css';
+@import '_layout.css';
+@import '_button.css';
+@import '_forms.css';
+@import '_tables.css';
+
+:root {
+  --axis-framework {
+    @apply --reset-elements;
+    @apply --typography;
+    @apply --code-blocks;
+    @apply --forms;
+    @apply --buttons;
+    @apply --layout;
+    @apply --tables;
+  }
+}
diff --git a/axis/_interaction.css b/axis/_interaction.css
new file mode 100644
index 0000000..096a4c4
--- /dev/null
+++ b/axis/_interaction.css
@@ -0,0 +1,63 @@
+/* ----------- */
+/* Interaction */
+/* ----------- */
+
+:root {
+  /* Mixin: Transition
+
+  Quickly add the default transtion. */
+  --transition {
+    transition: all var(--default-transition-duration) var(--default-easing)
+  }
+
+  /* Mixin: Hover underline
+
+  Adds an underline to your links.
+  */
+  --hover-underline {
+    border-bottom: 1px solid transparent;
+
+    &:hover {
+      border-bottom: 1px solid currentColor
+    }
+  }
+
+  /* Mixin: hover pop
+
+  On hover, your element pops out from the page.
+  */
+  --hover-pop {
+    &:hover {
+      transform: scale(1.1)
+    }
+  }
+
+  /* Mixin: Click down
+
+  Move an element down while clicked/tapped. */
+  --click-down {
+    transition-duration: .2s;
+
+    &:active {
+      transform: translateY(2px)
+    }
+  }
+
+  /* Mixin: Click inset
+
+  Creates an inset shadow on an elment while clicked/tapped. */
+  --click-inset {
+    &:active {
+      box-shadow: inset 0px .5rem 1rem rgba(0, 0, 0, 0.35);
+    }
+  }
+
+  /* Mixin: Click shrink
+
+  Scale down an element when clicked/tapped. Gives the effect of "sinking" */
+  --click-shrink {
+    &:active {
+      transform: scale(.95)
+    }
+  }
+}
diff --git a/axis/_layout.css b/axis/_layout.css
new file mode 100644
index 0000000..e30cebf
--- /dev/null
+++ b/axis/_layout.css
@@ -0,0 +1,27 @@
+/* ------ */
+/* Layout */
+/* ------ */
+
+:root {
+  /* Mixin: Hr
+  Better horizontal rule presets */
+  --hr {
+    border: 0;
+    border-bottom: var(--hr-size) solid var(--hr-color);
+    height: 0;
+    padding: 0;
+    margin: var(--default-margin) 0
+  }
+
+  /* Additive Mixin: Layout
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds Axis' styles layout elements */
+  --layout {
+    hr {
+      @apply --hr
+    }
+  }
+}
diff --git a/axis/_reset.css b/axis/_reset.css
new file mode 100644
index 0000000..c10322b
--- /dev/null
+++ b/axis/_reset.css
@@ -0,0 +1,102 @@
+/* ----- */
+/* Reset */
+/* ----- */
+
+/* Todo: Port fluid-media + print styles */
+
+:root {
+  /* Additive Mixin: Border Box HTML
+
+  Add border box to every element in your project. Used in your project root. Included in --sanitize, below..
+  http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
+
+  --border-box-html {
+    html {
+      box-sizing: border-box;
+    }
+
+    *, *::before, *::after {
+      box-sizing: inherit;
+    }
+  }
+
+  /* Additive Mixin: Tap Highlight
+
+  Changes the tap highlight color on mobile webkit devices.
+  Defaults to invisible, but make sure you have clear :hover or :active states
+  on all tappable elements. */
+
+  --tap-highlight {
+    input, textarea, button, select, a {
+      -webkit-tap-highlight-color: var(--tap-highlight);
+    }
+  }
+
+  /* Additive Mixin: Sanitize
+
+  Global resets and defaults not included in other Axis mixins. Based on
+  sanitize.css: https://github.com/jonathantneal/sanitize.css */
+  --sanitize {
+    body, figure, button, input, optgroup, select, textarea  {
+      margin: 0;
+    }
+
+    figcaption, figure, main {
+    	display: block;
+    }
+
+    html {
+      box-sizing: border-box;
+    }
+
+    *, ::before, ::after {
+      background-repeat: no-repeat;
+      box-sizing: inherit;
+    }
+
+    abbr[title] {
+      border-bottom: none;
+      text-decoration: underline;
+      text-decoration: underline dotted;
+    }
+
+    b, strong {
+      font-weight: bolder;
+    }
+
+    a, area, button, input, label, select, summary, textarea, [tabindex] {
+      -ms-touch-action: manipulation;
+      touch-action: manipulation;
+    }
+
+    [aria-busy="true"] {
+      cursor: progress;
+    }
+
+    [aria-controls] {
+      cursor: pointer;
+    }
+
+    [aria-hidden="false"][hidden] {
+      clip: rect(0, 0, 0, 0);
+      display: inherit;
+      position: absolute;
+    }
+
+    [aria-hidden="false"][hidden]:focus {
+      clip: auto;
+    }
+
+    [aria-disabled] {
+      cursor: default;
+    }
+  }
+
+  /* Additive Mixin: Reset Elements
+
+  Include all resets at once. */
+  --reset-elements {
+    @apply --sanitize;
+    @apply --tap-highlight;
+  }
+}
diff --git a/axis/_settings.css b/axis/_settings.css
new file mode 100644
index 0000000..3afa08c
--- /dev/null
+++ b/axis/_settings.css
@@ -0,0 +1,116 @@
+:root {
+  /* ---------- Defaults ----------- */
+  --global-border-radius: 2px;
+  --default-border: 1px solid color(var(--base-gray) tint(70%));
+  --default-margin: 1.5rem;
+  --default-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
+  --default-transition-duration: .3s;
+
+  /* ---------- Colors ----------- */
+  --base-gray: #767d84; /* Allows all grays to have consistent tint */
+  --color-primary: #0074D9;
+  --color-accent: #c25;
+  --color-warning: #d83030;
+  --selection-highlight: color(var(--color-primary) a(15%));
+  --tap-highlight: rgba(0,0,0,0);
+
+  /* ---------- Typography ----------- */
+  --base-font-size: 16px;
+  --base-font-weight: normal;
+  --font-stack: var(--font-sans);
+  --font-color: color(var(--base-gray) shade(35%));
+  --line-height: 1.5;
+  --paragraph-line-height: var(--line-height);
+  --paragraph-margin: .75rem;
+  --heading-size-multiplier: 1;  /* Change this to scale all headers at once. ex: 1.3 */
+  --heading-line-height: 1.3;
+  --heading-font-weight: 500; /* ex: bold, bolder, 400, 500, 600 */
+  --heading-display: block;
+  --heading-margin: var(--paragraph-margin);
+  --blockquote-boder-color: var(--color-primary);
+
+  /* Font Stacks */
+  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  --font-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-monospace: Monaco, Menlo, Consolas, 'Courier New', monospace;
+  --font-helvetica: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
+
+  /* ---------- Buttons ----------- */
+  --button-text-color: #fff;
+  --button-bg-color: var(--color-primary);
+  --button-bg-hover-color: color(var(--button-bg-color) shade(20%));
+  --button-med-size: .9rem;
+  --button-large-size: 1.3rem;
+  --button-small-size: .75rem;
+  --button-radius: var(--global-border-radius);
+
+  /* outline button */
+  --outline-button-stroke: 1px;
+  --outline-button-bg-color: transparent;
+  --outline-button-bg-hover-color: inherit;
+  --outline-button-stroke-color: var(--base-gray);
+  --outline-button-stroke-hover-color: var(--button-bg-color);
+
+  /* ---------- Layout ----------- */
+  --hr-color: color(var(--base-gray) a(30%));
+  --hr-size: 1px;
+
+  /* ---------- Forms ----------- */
+
+  /* 1. Text inputs */
+  --input-width: 100%;
+  --input-max-width: 25rem;
+  --input-min-width: auto;
+  --input-border-color: color(var(--base-gray) tint(70%));
+  --input-border-hover-color: color(var(--input-border-color) shade(20%));
+  --input-bg-color: transparent;
+  --input-text-color: inherit;
+  --input-height: auto;
+  --input-padding: .4em .65em;
+  --input-stroke: 1px;
+  --input-focus-inset: 1px;
+  --input-focus-color: var(--color-primary);
+
+  /* 2. Autofill */
+  --input-autofill-bg-color: var(--base-gray);
+  --input-autofill-text-color: white;
+
+  /* 3. Textarea*/
+  --text-area-width: var(--input-width);
+  --text-area-max-width: var(--input-max-width);
+  --text-area-min-width: var(--input-min-width);
+
+  /* 4. Lables */
+  --label-display: block; /* switch to inline-block to have label next to input */
+  --label-align: left;
+  --label-min-width: auto;
+  --label-max-width: auto;
+  --label-width: 100%;
+
+  /* 5. Fieldset */
+  --fieldset-border: var(--default-border);
+
+  /* 6. Select box */
+  --input-select-width: var(--input-width);
+  --input-select-min-width: var(--input-min-width);
+  --input-select-max-width: var(--input-max-width);
+  --input-select-arrow-color: color(var(--base-gray) tint(50%));
+  --input-select-arrow-size: .4em;
+  --input-select-bg-color: var(--input-bg-color);
+
+  /* 7. Radio buttons and checkboxes */
+  --control-label-text-size: var(--base-font-size);
+  --input-control: transparent;
+  --input-control-active: var(--color-primary);
+  --input-control-border: color(var(--base-gray) tint(70%));
+  --input-control-disabled: color(var(--base-gray) tint(70%));
+  --input-control-disabled-checked: color(var(--input-control-active) tint(40%));
+  --input-control-checkmark: #fff;
+
+
+  /* ---------- Tables ---------- */
+  --table-radius: var(--global-border-radius);
+  --table-border: var(--default-border);
+  --zebra-stipe-color: rgba(0,0,0,.03);
+  --hover-row-color: rgba(0,0,0,.08);
+}
diff --git a/axis/_tables.css b/axis/_tables.css
new file mode 100644
index 0000000..80a8806
--- /dev/null
+++ b/axis/_tables.css
@@ -0,0 +1,123 @@
+/* ------ */
+/* Tables */
+/* ------ */
+
+:root {
+  /* Mixin: Basic Table
+
+  Creates a nice basic style for your tables. */
+  --table-basic {
+    border-collapse: separate;
+    border-spacing: 0;
+    max-width: 100%;
+    width: 100%;
+    border-radius: var(--table-radius);
+    margin-bottom: var(--default-margin);
+    position: relative;
+    text-align: left;
+    border: var(--table-border);
+
+    & th, & td {
+      padding: .5em 1em;
+      border-top: var(--table-border);
+      text-align: inherit;
+    }
+
+    & tr th {
+      border-bottom: var(--table-border);
+    }
+
+    & tr:first-child th,
+    & tr:first-child td {
+      border-top: 0;
+    }
+
+    & tr:first-child td:first-child,
+    & tr:first-child th:first-child{
+      border-radius: var(--table-radius) 0 0 0;
+    }
+
+    & tr:first-child td:last-child,
+    & tr:first-child th:last-child {
+      border-radius: 0 var(--table-radius) 0 0;
+    }
+
+    & tr:last-child td:last-child {
+      border-radius: 0 0 var(--table-radius) 0;
+    }
+
+    & tr:last-child td:first-child {
+      border-radius: 0 0 0 var(--table-radius);
+    }
+
+    & thead + tbody tr:first-child td:first-child,
+    & thead + tbody tr:first-child td:last-child {
+      border-radius: 0;
+    }
+
+    & th + th, & td + td, & th + td, & td + th {
+      border-left: var(--table-border);
+    }
+  }
+
+  /* Mixin: Minimal Table
+
+  Minimal styling for your table. */
+  --table-minimal {
+    text-align: left;
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin-bottom: var(--default-margin);
+    max-width: 100%;
+    width: 100%;
+    border-radius: 0;
+
+    & td, & th {
+      line-height: var(--line-height);
+      padding: .5em 1em;
+      text-align: inherit;      
+    }
+
+    & td {
+      border-top: var(--default-border);
+    }
+  }
+
+  /* Table utility: Zebra stripes
+
+  Slightly darkens every other row of your table. Note: must be applied after
+  --table-basic or --table-minimal.
+  */
+  --zebra-stripes {
+    & tr:nth-child(odd) td {
+      background: var(--zebra-stipe-color);
+    }
+  }
+
+  /* Table utility: Hover rows
+
+  Darkens the row you are hovered on for increased readability. Note: must be
+  applied after --table-basic or --table-minimal.
+  */
+  --hover-rows {
+    & tr {
+      @apply --transition;
+
+      &:hover {
+        background: var(--hover-row-color);
+      }
+    }
+  }
+
+  /* Additive Mixin: Tables
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds Axis' styles to tables.  */
+  --tables {
+    table {
+      @apply --table-basic
+    }
+  }
+}
diff --git a/axis/_typography.css b/axis/_typography.css
new file mode 100644
index 0000000..5b5b686
--- /dev/null
+++ b/axis/_typography.css
@@ -0,0 +1,317 @@
+/* ---------- */
+/* Typography */
+/* ---------- */
+
+:root {
+
+  /* paragraph preset */
+  --p {
+    margin: var(--paragraph-margin) 0;
+    line-height: var(--paragraph-line-height);
+    font-size: var(--base-font-size);
+  }
+
+  /* "small" text preset */
+  --small {
+    font-size: 70%;
+    opacity: .7;
+    font-weight: var(--base-font-weight);
+  }
+
+  /* Heading base - used across all headings below */
+  --heading-base {
+    display: var(--heading-display);
+    font-weight: var(--heading-font-weight)
+  }
+
+  /* Heading sizes, used in headings below */
+  --h1-size: calc(2.4rem * var(--heading-size-multiplier));
+  --h2-size: calc(1.8rem * var(--heading-size-multiplier));
+  --h3-size: calc(1.5rem * var(--heading-size-multiplier));
+  --h4-size: calc(1.3rem * var(--heading-size-multiplier));
+  --h5-size: calc(1.0rem * var(--heading-size-multiplier));
+  --h6-size: calc(0.9rem * var(--heading-size-multiplier));
+
+  /* h1 preset */
+  --h1 {
+    @apply --heading-base;
+    margin: var(--heading-margin) 0;
+    font-size: var(--h1-size);
+    line-height: var(--heading-line-height);
+  }
+
+  /* h2 preset */
+  --h2 {
+    @apply --heading-base;
+    margin: var(--heading-margin) 0;
+    font-size: var(--h2-size);
+    line-height: var(--heading-line-height);
+  }
+
+  /* h3 preset */
+  --h3 {
+    @apply --heading-base;
+    margin: var(--heading-margin) 0;
+    font-size: var(--h3-size);
+    line-height: var(--heading-line-height);
+  }
+
+  /* h4 preset */
+  --h4 {
+    @apply --heading-base;
+    margin: var(--heading-margin) 0;
+    font-size: var(--h4-size);
+    line-height: var(--heading-line-height);
+  }
+
+  /* h5 preset */
+  --h5 {
+    @apply --heading-base;
+    margin: var(--heading-margin) 0;
+    font-size: var(--h5-size);
+    line-height: var(--heading-line-height);
+  }
+
+
+  /* h6 preset */
+  --h6 {
+    @apply --heading-base;
+    margin: var(--heading-margin) 0;
+    font-size: var(--h6-size);
+    line-height: var(--heading-line-height);
+    text-transform: uppercase;
+  }
+
+
+  /* Mixin: Blockquote
+
+  Nice styles for a blockquote, and even puts a hyphen in before your
+  citation. Use with a <p> and <cite>, <footer>, or <figcaption> inside for
+  best results. */
+  --blockquote {
+    line-height: var(--heading-line-height);
+    border-left: .4rem solid var(--blockquote-boder-color);
+    margin: 1em 0;
+    padding-left: 1.5em;
+
+    & > p {
+      font-weight: var(--base-font-weight);
+      font-size: 1.27rem;
+      line-height: 127%;
+      line-height: inherit;
+      margin-top: 0;
+    }
+
+    & > cite,
+    & > footer,
+    & > figcaption {
+      color: color(var(--base-gray) lightness(55%));
+
+      &:before {
+        content: '\2014';
+      }
+    }
+  }
+
+  /* Mixin: Ellipsis
+
+  Truncate text to the width of its container. */
+  --ellipsis {
+    white-space: nowrap;
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-wrap: normal;
+  }
+
+  /* Mixin: Text Selection
+
+  This guy sets the text select color intelligently based on the
+  --section-highlight variable found in the settings file. */
+  --text-selection {
+    &::selection {
+      background: var(--selection-highlight);
+    }
+  }
+
+  /* Default styling for links */
+  --link {
+    color: var(--color-primary);
+    text-decoration: none;
+    @apply --transition;
+  }
+
+  /* Mixin: Reset link
+
+  Reset the --link mixin, above */
+  --reset-link {
+    border: none;
+    text-decoration: none;
+    color: initial;
+
+    &:hover {
+      border: none;
+      text-decoration: none;
+      color: initial;
+    }
+  }
+
+  /* Mixin: Ul
+
+  A nice default for unordered list styles. More or less the same as browser defaults,
+  scales nicely. */
+  --ul {
+    margin: 0.32rem 0.94rem;
+    padding-left: 1rem;
+
+    & li {
+      list-style-type: disc;
+      padding: 0.125rem;
+    }
+  }
+
+  /* Mixin: Ol
+
+  A nice default for ordered list styles. More or less the same as browser
+  defaults, scales nicely.  Use this on a ol element por favor. */
+  --ol {
+    margin: 0.32rem 1.125rem;
+    padding-left: 1rem;
+
+    & li {
+      list-style-type: decimal;
+      padding: 0.125rem;
+    }
+  }
+
+  /* Mixin: Inline list
+
+  For when you need your list to be horizontal. For navs and whatnot. */
+  --inline-list {
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+
+    & li {
+      list-style-type: none;
+    }
+
+    & li:not(:last-child) {
+      margin-right: 1.5rem;
+    }
+  }
+
+  /* Mixin: Reset List
+
+  If you're tired of all the list shenanigans and want to get rid of them for
+  this special list you're working on, this is your guy. Resets the margins,
+  padding, and style. */
+  --reset-list {
+    display: initial;
+    margin: 0;
+    padding: 0;
+
+    & li {
+      list-style-type: none;
+      padding: 0;
+      margin: 0
+    }
+  }
+
+
+  /* Additive Mixin: Base
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  This is an essential mixin. You want this on your page. Sets your font stack,
+  size, and colors based on the settings file and makes sure that your text is
+  a great looking as possible. */
+  --base {
+    html {
+      font-size: var(--base-font-size);
+      line-height: var(--line-height);
+      -ms-text-size-adjust: 100%;
+    	-webkit-text-size-adjust: 100%;
+    }
+
+    body {
+      font-family: var(--font-stack);
+      font-size: var(--base-font-size);
+      color: var(--font-color);
+      font-weight: var(--base-font-weight);
+    }
+  }
+
+  /* Additive Mixin: Headers
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds Axis' wonderful scaling header styles to your <hx> tags.. */
+  --headers {
+    h1 { @apply --h1; }
+    h2 { @apply --h2; }
+    h3 { @apply --h3; }
+    h4 { @apply --h4; }
+    h5 { @apply --h5; }
+    h6 { @apply --h6; }
+  }
+
+  /* Additive Mixin: Lists
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds Axis' styles to ul and ols. */
+  --lists {
+    ul { @apply ul; }
+    li { @apply li; }
+  }
+
+  /* Additive Mixin: Typography
+
+  WARNING: Creates classes in your css and styles them - not to be used inside
+  an element.
+
+  Adds Axis' styles to bold and italic elements, headers, paragraphs, small
+  text, links, lists, and blockquotes. Got all your basic elements covered. */
+  --typography {
+    @apply --base;
+    @apply --headers;
+    @apply --lists;
+    @apply --text-selection;
+
+    p {
+      @apply --p;
+    }
+
+    a {
+      @apply --link;
+    }
+
+    blockquote {
+      @apply --blockquote;
+    }
+
+    /* Todo: Test this */
+    sub,
+    sup {
+      font-size: 75%;
+      line-height: 0;
+      position: relative;
+      vertical-align: baseline;
+    }
+
+    sub {
+      bottom: -.25em;
+    }
+
+    sup {
+      top: -.5em;
+    }
+  }
+}
diff --git a/axis/_utilities.css b/axis/_utilities.css
new file mode 100644
index 0000000..a949e1c
--- /dev/null
+++ b/axis/_utilities.css
@@ -0,0 +1,87 @@
+/* --------- */
+/* Utilities */
+/* --------- */
+
+:root {
+  /*  Mixin: Responsive overflow
+
+  Make wide elements scroll horizontally at a set breakpoint, with a nice
+  visual cue (shadow) - mostly useful for responsive tables. Note: must be set
+  on containing element. */
+  --responsive-overflow {
+    position: relative;
+
+    @media (max-width: 767px) {
+      & > * {
+        overflow-x: auto;
+        display: block;
+      }
+
+      &:after {
+        content: '';
+        width: 1rem;
+        height: 100%;
+        background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.15));
+        position: absolute;
+        right: -1px;
+        top: 0;
+        border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;
+      }
+    }
+  }
+
+  /* Mixin: Debug
+
+  Debugging tool - adds a border to the current element, its children,
+  grandchildren, etc so you can see what's up – great for precise layout
+  tweaks.  It will also add flags if you made mistakes like put in inline
+  styles, forgot an alt on an image, left the alt blank, etc. Not to be used
+  in production, obviously.
+
+  learn more here: https://codepen.io/dbox/pen/GJZzYo?editors=1100 */
+  --debug {
+    border: 1px solid MediumPurple;
+
+    & > * { border: 1px solid DarkKhaki; }
+    & > * > * { border: 1px solid MediumTurquoise; }
+    & > * > * > * { border: 1px solid LightSlateGray; }
+    & > * > * > * > * { border: 1px solid LightBlue; }
+    & > * > * > * > * > * { border: 1px solid MediumSlateBlue; }
+    & > * > * > * > * > * > * { border: 1px solid DeepSkyBlue; }
+    & > * > * > * > * > * > * > * { border: 1px solid DarkSeaGreen; }
+
+    & img {
+      border: 1px solid #f00;
+      filter: hue-rotate(330deg) contrast(.75) saturate(6);
+    }
+
+    & img[alt] {
+      border: 1px solid LimeGreen;
+      filter: none
+    }
+
+    & img[alt=""] {
+      border: 1px solid gold;
+      filter: contrast(1) saturate(2)
+    }
+
+    & a {
+      background: rgba(#f00, .1);
+      border: 1px solid #f00;
+    }
+
+    & a[title] {
+      background: none;
+      border-color: LimeGreen;
+    }
+
+    & style {
+      border: block;
+    }
+
+    & [style], style, [class=""], [id=""], a[href="#"] {
+      background: rgba(yellow, .2);
+      border: 1px solid gold;
+    }
+  }
+}
diff --git a/axis/buttons.styl b/axis/buttons.styl
deleted file mode 100644
index 5a69bd7..0000000
--- a/axis/buttons.styl
+++ /dev/null
@@ -1,198 +0,0 @@
-// -------
-// Buttons
-// -------
-
-// Function: highlight
-//
-// Adds a light brighter line across the top of the element for a perspective
-// effect. Takes an optional argument for strength, which takes a value between
-// 0 and 1.
-//
-// ex. highlight()
-// ex. highlight: .7
-
--highlight($strength = .3)
-  box-shadow: s("inset 0 1px 0 %s", rgba(255,255,255,$strength))
-
-// Function: parse
-// Used internally for setting button sizes.
-
--parse($size)
-  if $size == "small"
-    return 10
-  else if $size == "medium"
-    return 13
-  else if $size == "large"
-    return 18
-  else
-    return $size
-
-// Mixin: Button
-//
-// Creates a very basic looking button style. Three optional params:
-// - color: Takes any color, defaults to the default global color
-// - size: Takes 'small', 'medium', 'large', or an integer. The numbers reflect
-//   the font size for the text inside the button, but scales all other aspects
-//   as well (corners, padding, etc).
-// - $text-color: Takes any color for the button text, defaults to trying to
-//   detect whether the background is dark or light and setting the opposite.
-//
-// ex. button()
-// ex. button: blue
-// ex. button: #D4513B
-// ex. button: green large
-// ex. button: #4C82D4 24
-
-button($color = $default-color, $size = "medium", $text-color = null)
-
-  // color detection and changes
-  $text-color = (light(darken($color, 22%)) ? rgba(#000, .7) : #fff) unless $text-color
-  $parsed-size = -parse($size)
-
-  // now that we've got numbers, let's work some proportions
-  $height = round(($parsed-size * 1.53px) / 2)
-  $width = round((($parsed-size * 1.53px) * 2.2) / 2)
-
-  // dynamically calculated styles
-  font-size: unit($parsed-size, 'px')
-  padding: unit($height, 'px') unit($width, 'px')
-  border-radius: round($parsed-size / 4.33333px)
-  background-color: $color
-  color: $text-color
-
-  // constant styles
-  cursor: pointer
-  font-weight: bold
-  font-family: $font-stack
-  line-height: 1em
-  text-align: center
-  text-decoration: none
-  display: inline-block
-  border: none
-  no-select()
-
-  &:hover, &:focus
-    background-color: darken($color, 5%)
-    color: darken($text-color, 3%)
-    border: none
-
-  &:active
-    background-color: darken($color, 10%)
-
-// Mixin: Glossy Button
-//
-// Creates a more fancy looking button style. Five optional params:
-// - color: Takes any color, defaults to the default global color
-// - size: Takes 'small', 'medium', 'large', or an integer. The numbers reflects
-//   the font size for the text inside the button, but scales all other aspects
-//   as well.
-// - $text-color: Takes any color for the button text, defaults to trying to
-//   detect whether the background is dark or light and setting the opposite.
-// - $shadow-color: Color for the text shadow, default is the contrast detection
-//   described above.
-// - $hover-color: Color of the text shadow when hovered. Default is contrast
-//   detection as described above. You probably don't need to use this.
-//
-// ex. glossy-button()
-// ex. glossy-button: blue
-// ex. glossy-button: #D4513B
-// ex. glossy-button: green large
-// ex. glossy-button: #4C82D4 24
-
-glossy-button($color = $default-color, $size = "medium", $text-color = null, $shadow-color = null, $hover-color = null)
-
-  // color detection and changes
-  if $text-color
-    $dark-text = light($text-color) ? true : false
-  else
-    $dark-text = light(darken($color, 22%)) ? false : true
-    $text-color = $dark-text ? white : rgba(#000, .7)
-
-  $shadow-color = $dark-text ? rgba(#000,.1) : rgba(#fff,.3) unless $shadow-color
-  $hover-color = $dark-text ? rgba(#000,.2) : rgba(#fff,.5) unless $hover-color
-  $down-shadow = $dark-text ? 0 -1px 1px rgba(#000,.2) : 1px 1px 1px rgba(#fff,.6)
-
-  // parse words, make sure it's a number
-  $parsed-size = -parse($size)
-
-  // now that we've got numbers, let's work some proportions
-  $height = round(($parsed-size*1.53px)/2)
-  $width = round((($parsed-size*1.53px)*2.2)/2)
-
-  // dynamically calculated styles
-  font-size: unit($parsed-size, 'px')
-  padding: unit($height, 'px') unit($width, 'px')
-  border-radius: round($parsed-size/4.33333px)
-  gradient($color)
-  text-shadow: 1px 1px 1px $shadow-color
-  border: s('1px solid %s', darken($color, 10%))
-  color: $text-color
-
-  // constant styles
-  -highlight()
-  cursor: pointer
-  font-weight: bold
-  font-family: $font-stack
-  line-height: 1em
-  text-align: center
-  text-decoration: none
-  display: inline-block
-  no-select()
-
-  &:hover, &:focus
-    background-position: 0 unit($height * -1, 'px')
-    color: darken($text-color, 3%)
-    text-shadow: 1px 1px 1px $hover-color
-
-  &:active
-    box-shadow: s("inset 0 1px %s %s", $parsed-size/2.6px, rgba(darken($color, 25%),.6))
-    text-shadow: $down-shadow
-    border-color: darken($color, 18%)
-
-// Mixin: Button Disabled
-//
-// Add this mixin to a button and it will make the button appear to be disabled.
-// Try attaching to a class like .disabled and adding that class to the button.
-// Takes no arguments.
-//
-// ex. .disabled
-//       button-disabled()
-
-button-disabled()
-  background: #ccc
-  border-color: darken(#ccc, 10%)
-  opacity: .5
-  cursor: default
-  no-select()
-
-  &:hover
-    background: #ccc
-    background-position: 0 0
-
-  &:active
-    background: #ccc
-    box-shadow: none
-    border-color: darken(#ccc, 10%)
-    text-shadow: 1px 1px 1px rgba(#000,.1)
-
-// Additive Mixin: Buttons
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// This mixin makes it such that you can use classes to define buttons on your
-// page.
-// - .btn: creates a simple button
-// - .btn-fancy: creates a fancy button
-// - .disabled: disables an existing button (will only work on .btn and
-//   .btn-simple)
-
-buttons()
-  .btn
-    transition()
-    button()
-  .btn-fancy
-    transition()
-    glossy-button()
-  .btn.disabled, .btn-simple.disabled
-    button-disabled()
diff --git a/axis/code.styl b/axis/code.styl
deleted file mode 100644
index 2f59e6e..0000000
--- a/axis/code.styl
+++ /dev/null
@@ -1,50 +0,0 @@
-// ----
-// Code
-// ----
-
-// Mixin: Code
-//
-// Styles inline code snippets on your page. Defaults to a beautiful red, but
-// can be passed any color.
-//
-// ex. code: blue
-// ex. code: #7ED45F
-
-code($color = #DF5C33)
-  padding: 3px 4px
-  color: $color
-  background-color: #F5F5F5
-  border: 1px solid #E1E1E8
-  border-radius: 3px
-  font-family: Menlo, Monaco, $monospace
-
-// Mixin: Pre
-//
-// Styles code blocks on your page. Syntax highlighting to be included in the
-// future. Takes no arguments.
-//
-// ex. pre()
-
-pre()
-  display: block
-  padding: 7px
-  background-color: #F5F5F5
-  border: 1px solid #E1E1E8
-  border-radius: 3px
-  white-space: pre-wrap
-  word-break: break-all
-  font-family: Menlo, Monaco, $monospace
-  line-height: 160%
-
-// Additive Mixin: Code Blocks
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Adds roots styles by default to <code> and <pre> tags.
-
-code-blocks()
-  code
-    code()
-  pre
-    pre()
diff --git a/axis/forms.styl b/axis/forms.styl
deleted file mode 100644
index 884e156..0000000
--- a/axis/forms.styl
+++ /dev/null
@@ -1,411 +0,0 @@
-// -----
-// Forms
-// -----
-
-// Function: Focus Glow
-// Makes your inputs glow when focused. Pass a color, they will glow that color.
-
--focus-glow($color = $default-color)
-  &:focus
-    box-shadow: 0 0 5px rgba($color,.7)
-    border: 1px solid desaturate($color, 35%)
-    outline: none
-
-// Mixin: Input
-//
-// A general purpose mixin for text inputs. Provides an nice attractive default
-// style that's easily customizable. Takes a color as the first param and an
-// optional width as the second.
-//
-// ex. input()
-// ex. input: purple
-// ex. input: #D45D86 400px
-
-input($color = $aqua, $width = 250px)
-  box-shadow: inset 0 1px 1px rgba(#000, 0.1)
-  -webkit-font-smoothing: antialiased
-  font-size: unit($font-size, 'px')
-  font-family: $font-stack
-  border: solid 1px #bbb
-  border-radius: .2em
-  outline: none
-  padding: .45em
-  background: #fff
-  color: #555
-  width: $width
-  text-shadow: 0 0 1px rgba(#fff, .1)
-  transition()
-  if color
-    -focus-glow($color)
-  else
-    box-shadow: none
-
-// Mixin: Input Search
-//
-// A search style input with rounded corners and an optional search icon at the
-// end. Takes any color.
-//
-// ex. input-search()
-// ex. input-search: yellow
-
-input-search($color = aqua, $width = 250px)
-  input: $color $width
-  padding-left: 9px
-  rounded()
-
-// Mixin: Input Disabled
-//
-// Makes your input appear to be disabled. Note that you also need to add
-// 'disabled' to your html tag in order for it to actually be disabled.
-//
-// ex. input-disabled()
-
-input-disabled()
-  cursor: not-allowed
-  background: #F5F5F5
-
-  &:hover, &:focus
-    border-color: #bbb
-    box-shadow: inset 0 1px 1px rgba(#000, 0.1)
-
-// Mixin: Label
-//
-// Very basic label for your form. Pass it an optional display type to have it
-// inline or block.
-//
-// ex. label()
-// ex. label: 'block'
-
-label($display = 'inline-block')
-  line-height: 1.5em
-  display: unquote($display)
-
-// Mixin: Field
-//
-// Often times it's easier to wrap your input and label in a div called "field"
-// so they can be floated, position, and manipulated without screwing up the
-// rest of the form. That's what this mixin is for - put it on a div that
-// contains a label and an input. Then feed it a direction to align (default is
-// right), and an optional width.
-//
-// ex. field()
-// ex. field: left
-// ex. field: right 500px
-
-field($direction = right, $width = 370px)
-  clear: both
-  margin-bottom: 5px
-  text-align: $direction
-  width: $width
-
-// Mixin: Input Error
-//
-// When someone F'd it up, you gotta show them how it is. Put this on an input
-// to make it clear that something bad is happening. Best implemented in an
-// .error class or something similar.
-//
-// ex. input-error()
-// ex. input-error: blue
-
-input-error($color = $red)
-  color: $color
-  border-color: $color
-  -focus-glow($color)
-
-// Mixin: Field Error
-//
-// If you are wrapping labels and inputs in a field div, this makes life even
-// easier. Makes the label text as well as the input field red.
-//
-// ex. field-error()
-// ex. field-error: blue
-
-field-error($color = $red)
-  color: $color
-
-  input
-    input-error: $color
-
-// Mixin: Input Warning
-//
-// Ok, so maybe you didn't totally F it up, but at very least you deserve a
-// warning. Best implemented in a .warning class or something similar.
-//
-// ex. input-warning()
-// ex. input-warning: blue
-
-input-warning($color = $yellow)
-  color: darken($color, 15%)
-  border-color: $color
-  -focus-glow($color)
-
-// Mixin: Field Warning
-//
-// If you are wrapping labels and inputs in a field div, this makes life even
-// easier. Makes the label text as well as the input field yellow.
-//
-// ex. field-warning()
-// ex. field-warning: blue
-
-field-warning($color = $yellow)
-  color: darken($color, 15%)
-
-  input
-    input-warning: $color
-
-// Mixin: Input Success
-//
-// http://cl.ly/F4Em/great-success.jpeg - Best implemented in a .success class
-// or something similar.
-//
-// ex. input-success()
-// ex. input-success: red
-
-input-success($color = $green)
-  color: $color
-  border-color: $color
-  -focus-glow($color)
-
-// Mixin: Field Success
-//
-// You're probably getting tired of this routine at this point. I'm sure you can
-// imagine what this does.
-//
-// ex. field-success()
-// ex. field-success: blue
-
-field-success($color = $green)
-  color: $color
-  input
-    input-success: $color
-
-// Mixin: Radio
-//
-// A simple reset for radio button styling across browsers. Takes a color.
-// Default color is blue. Use on the <label> which wraps your radio inputs.
-//
-// ex. radio()
-// ex. radio: gray
-// ex. radio(#FF1493)
-
-radio($color = #0074d9)
-  cursor: pointer
-  display: block
-  line-height: 2.5em
-
-  // Accessible hidden styles
-  [type="radio"]
-    border: 0
-    clip: rect(0 0 0 0)
-    height: 1px
-    margin: -1px
-    overflow: hidden
-    padding: 0
-    position: absolute
-    width: 1px
-
-    & + span
-      display: block
-
-    // Unchecked
-    & + span:before
-      background: rgba(#000,.15)
-      border: 0.125em solid #fff
-      border-radius: 1em
-      box-shadow: 0 0 0 .1em rgba(#000, .25)
-      content: ''
-      display: inline-block
-      height: 1em
-      margin-right: 0.75em
-      transition: 0.5s ease all
-      vertical-align: -0.33em
-      width: 1em
-
-    // Checked
-    &:checked + span:before, &:focus + span:before
-      background: $color
-      box-shadow: 0 0 0 0.25em rgba(#000, .15)
-
-// Mixin: Range-input
-//
-// A clean, cross-browser styling reset for range inputs.
-// Note: range inputs are not supported in IE9 and below.
-// http://caniuse.com/#feat=input-range
-//
-// ex. range()
-// ex. range: tomato 200px 15px 9px #333
-
-range-input($color = #0074d9, $track-width = 100%, $thumb-size = 2em, $track-height = .5em, $track-color = rgba(#000, .1))
-  -webkit-appearance: none
-  width: $track-width
-  margin: 0
-  outline: none
-  background: transparent
-
-  &::-webkit-slider-runnable-track
-    background: $track-color
-    border: none
-    border-radius: $track-height
-    height: $track-height
-    width: $track-width
-
-  &::-webkit-slider-thumb
-    -webkit-appearance: none
-    border: none
-    height: $thumb-size
-    width: $thumb-size
-    border-radius: 50%
-    background: $color
-    margin-top: "calc(-%s / 2 + %s / 2)" % ($thumb-size $track-height)
-    transition: all 0.2s ease
-
-    &:hover
-      transform: scale(1.2)
-      cursor: pointer
-
-    &:active
-      background: darken($color, 15%)
-
-  &:focus
-    outline: none
-
-  &:focus::-webkit-slider-runnable-track
-    background: $track-color
-
-  &::-moz-range-track
-    width: $track-width
-    height: $track-height
-    background: $track-color
-    border: none
-    border-radius: $track-height
-
-  &::-moz-range-thumb
-    border: none
-    height: $thumb-size
-    width: $thumb-size
-    border-radius: 50%
-    background: $color
-    transition: all 0.2s ease
-
-    &:hover
-      transform: scale(1.2)
-
-    &:active
-      background: darken($color, 15%)
-
-  &::-moz-focus-outer
-    border: 0
-
-  &::-ms-track
-    height: $track-height
-    width: $track-width
-    background: transparent
-    border-width: "calc(%s / 2 + %s / 2)" % ($thumb-size $track-height) 0
-    color: transparent;
-
-  &::-ms-fill-lower, &::-ms-fill-upper, &:focus::-ms-fill-lower, &:focus::-ms-fill-upper
-    background: $track-color
-    border-radius: 10px
-
-  &::-ms-thumb
-    border: none
-    height: 2em
-    width: 2em
-    border-radius: 50%
-    background: $color
-
-    &:active
-      background: darken($color, 15%)
-
-  &::-ms-tooltip
-    display: none
-
-
-// Additive Mixin: Fields
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Add the field styles to .field as well as success, warning, and failure
-// states. Also takes direction and width. Highly recommended mixin.
-
-fields($direction = right, $width = 370px)
-  .field
-    field($direction, $width)
-
-    &.success
-      field-success()
-    &.warning
-      field-warning()
-    &.error
-      field-error()
-
-// Mixin: Autofill
-
-// When forms are auto-filled, the background color for the inputs (ie: pale
-// yellow) can be very jarring, especially if you have a dark background.  This
-// allows you to override that. Takes background color and text color.
-
-// ex. autofill(red, yellow)
-
-autofill($background = #0074D9, $color = #fff)
-  &:-webkit-autofill
-    -webkit-box-shadow 0 0 0px 1000px $background inset
-    -webkit-text-fill-color $color !important
-  &:-moz-autofill
-    -moz-text-fill-color $color !important
-    -moz-box-shadow 0 0 0px 1000px $background inset
-  &:-o-autofill
-    -o-text-fill-color @color !important
-    -o-box-shadow 0 0 0px 1000px $background inset
-  &:-khtml-autofill
-    -khtml-text-fill-color $color !important
-    -khtml-box-shadow 0 0 0px 1000px $background inset
-
-
-// Additive Mixin: Forms
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Adds nicer looking styles to all text inputs and textareas. Overrides the
-// defaults.
-
-forms()
-  +html5-inputs()
-    input()
-
-    &.disabled
-      input-disabled()
-    &.success
-      input-success()
-    &.warning
-      input-warning()
-    &.error
-      input-error()
-
-// Block Mixin: Html 5 Inputs
-//
-// A block that selects all the html5 input types and lets you style them as
-// you wish without having to type out the whole list.
-//
-// ex. +html5-inputs()
-//       border: red
-
-html5-inputs()
-  input[type='email']
-  input[type='number']
-  input[type='password']
-  input[type='search']
-  input[type='tel']
-  input[type='text']
-  input[type='url']
-  input[type='color']
-  input[type='date']
-  input[type='datetime']
-  input[type='datetime-local']
-  input[type='month']
-  input[type='time']
-  input[type='week']
-  textarea
-    {block}
diff --git a/axis/gradients.styl b/axis/gradients.styl
deleted file mode 100644
index ab1cfab..0000000
--- a/axis/gradients.styl
+++ /dev/null
@@ -1,45 +0,0 @@
-// ---------
-// Gradients
-// ---------
-
-// Mixin: Gradient
-//
-// Takes one color and outputs a vertical gradient between the offset by 10% in
-// either direction, offset precentage customizable via `strength` param. Or
-// takes two colors and outputs a vertical gradient that fades between the two
-// colors.
-//
-// ex. gradient: red blue
-// ex. gradient: red
-
-gradient($color1, $color2 = null, $strength = 10%)
-  // shift args if one color mode
-  if (typeof($color2) is 'unit')
-    $strength = $color2
-    $color2 = null
-
-  $start = $color2 ? $color1 : lighten($color1, $strength)
-  $end = $color2 ? $color2 : darken($color1, $strength)
-  background: $start
-  background: $end linear-gradient(180deg, $start, $end) repeat-x
-
-// Mixin: Image Gradient
-//
-// Exactly the same as the gradient mixin, but overlays an image to give it
-// more texture.
-//
-// ex. image-gradient: red pattern.png
-// ex. image-gradient: red pattern.png 30%
-// ex. image-gradient: red blue pattern.png
-
-image-gradient($color1, $color2 = null, $image-path = 'noise.png', $strength = 10%)
-  // shift args if one color mode
-  if (typeof($color2) == 'string')
-    $strength = $image-path if (typeof($image-path) == 'unit')
-    $image-path = $color2
-    $color2 = null
-
-  $start = $color2 ? $color1 : lighten($color1, $strength)
-  $end = $color2 ? $color2 : darken($color1, $strength)
-  background: $start
-  background: url($img-path $image-path) repeat, $end linear-gradient(180deg, $start, $end) repeat-x
diff --git a/axis/images.styl b/axis/images.styl
deleted file mode 100644
index 8c90906..0000000
--- a/axis/images.styl
+++ /dev/null
@@ -1,98 +0,0 @@
-// Mixin: Bg
-//
-// Makes background (with image) declarations a little simpler. Use this with
-// the global img-path variable to set a base image path that you don't have to
-// keep repeating. Also sets 'no-repeat' as the default background-repeat.
-//
-// ex. bg: 'test.png'
-// ex. bg: 'other.jpg' center center repeat
-
-bg($path, $args...)
-  $args = unquote('no-repeat') unless $args
-  background: url($img-path $path) $args
-
-// Mixin: bg-retina
-//
-// Make sure the image path is double the size, pass it halved numbers, and
-// you're in the retina-clear.
-//
-// ex. bg-retina: 'test.png' 200px 100px
-// ex. bg-retina: 'other.jpg' 100px 50px center center repeat
-
-bg-retina($path, $width, $height, $args...)
-  $args = unquote('no-repeat') unless $args
-  $set_size = false
-
-  for $arg in $args
-    if $arg == 'no-repeat'
-      $set_size = true
-
-  background: url($img-path $path) $args
-  background-size: $width $height
-
-  if $set_size
-    size: $width $height
-
-// Mixin: Image Replace
-//
-// Image replacement. Pass it an image path and the image's dimensions and any
-// text will be hidden in the div and it will show an image instead. Uses the
-// fanciest new method, props to Paul Irish. Only works when called as a
-// function with parens. Do not try to do it with a colon!
-//
-// ex. ir('test.jpg', 200 400)
-
-image-replace($path, $dimensions...)
-  $dimensions = $dimensions[0]
-  font: 0/0 a
-  text-shadow: none
-  color: transparent
-  bg: $path if $path
-  if length($dimensions) > 1
-    width: unit($dimensions[0], 'px')
-    height: unit($dimensions[1], 'px')
-  else
-    warn("Make sure you also pass the image dimensions. Example: ir('/img/whatever.jpg', 200px 400px)")
-
-// Alias: ir
-ir = image-replace
-
-// Function: cached-image-url
-//
-// An alternative to url() that stores images in a cache for use in
-// cache-images().
-
-$background-images = null
-
-cached-image-url()
-  $base = ''
-  $s = unquote('url("' + $base + join('', arguments) + '")')
-  push($background-images, $s) unless $s in $background-images
-  url(arguments)
-
-// Mixin: Cache Images
-// Use this at the end of all your styles outputs the image cache script.
-
-cache-images()
-  body:after
-    display: none
-    content: $background-images
-
-// Mixin: Sprite
-//
-// Given a direction in which your sprites are aligned (horizontal/vertical) and
-// an iteration, will measure the width/height of your first sprite frame and
-// step through to the nth next one, depending on the given iteration number.
-// Width/height must be defined for this to work (as is the case for any sprite)
-//
-// ex. sprite: 2
-// ex. sprite: 5 'horizontal'
-//
-// TODO: Try using image-size here if @width or @height aren't defined
-
-sprite($iteration, $orientation = 'vertical')
-  if $orientation == 'vertical'
-    background-position: 0 unit(@height*-1*$iteration, 'px')
-  else if $orientation == 'horizontal'
-    // warn(unit(@width*iteration, 'px'))
-    background-position: unit(@width*$iteration, 'px') 0
diff --git a/axis/index.styl b/axis/index.styl
deleted file mode 100644
index f29c901..0000000
--- a/axis/index.styl
+++ /dev/null
@@ -1,30 +0,0 @@
-// -------------------------------
-// Importing all the files we need
-// -------------------------------
-
-@import 'settings'
-@import 'reset'
-@import 'utilities'
-@import 'gradients'
-@import 'images'
-@import 'interaction'
-@import 'layout'
-@import 'typography'
-@import 'code'
-@import 'ui'
-@import 'buttons'
-@import 'forms'
-@import 'tables'
-
-
-// ------------------------------------------
-// Framework Mixin (loads all default styles)
-// ------------------------------------------
-
-framework()
-  base()
-  typography()
-  forms()
-  buttons()
-  code-blocks()
-  tables()
diff --git a/axis/interaction.styl b/axis/interaction.styl
deleted file mode 100644
index f3e1f0c..0000000
--- a/axis/interaction.styl
+++ /dev/null
@@ -1,197 +0,0 @@
-// -----------
-// Interaction
-// -----------
-
-// These mixins trigger on some sort of interaction with an element, like a
-// hover or a click.
-
-// Mixin: Hover Darken
-//
-// Darkens the color and/or background color on your element when it's hovered.
-// Takes an optional percentage to darken it.
-//
-// ex. hover-darken()
-// ex. hover-darken: 30%
-
-hover-darken($percent = 15%, $force-use-color = false)
-  &:hover
-    if @background and !$force-use-color
-      background-color: darken(@background, $percent)
-    else if @background-color and !$force-use-color
-      background-color: darken(@background-color, $percent)
-    else if @color
-      color: darken(@color, $percent)
-    else
-      warn('you need to set a color or background color on your element for this to work')
-
-// Mixin: Hover Lighten
-//
-// Works the same way as hover-darken but lightens the color.
-//
-// ex. hover-lighten()
-// ex. hover-lighten: 30%
-
-hover-lighten($percent = 15%, $force-use-color = false)
-  &:hover
-    if @background and !$force-use-color
-      background-color: lighten(@background, $percent)
-    else if @background-color and !$force-use-color
-      background-color: lighten(@background-color, $percent)
-    else if @color
-      color: lighten(@color, $percent)
-    else
-      warn('you need to set a color or background color on your element for this to work')
-
-// Mixin: Hover Underline
-//
-// This one is interesting, and may need tweaking to get it to work right on the
-// intended element. Works very nicely for text like in a span, and can animate.
-//
-// ex. hover-underline()
-// ex. hover-underline: 2px 'dotted'
-
-hover-underline($border-size = 1px, $type = 'solid', $color = null)
-  border-bottom: $border-size unquote($type) transparent
-
-  &:hover
-    border-bottom: $border-size unquote($type) $color
-
-// Mixin: Hover Pop
-//
-// On hover, your element pops out from the page. For scale, it takes an integer
-// or float, 1 represents 100%, 2 is 200%, etc. Optionally can also rotate,
-// pass it a number followed by "deg", like 180deg. If you pass true for
-// shadow, it will animate in a drop shadow to add to the effect.
-//
-// ex. hover-pop: 1.5
-// ex. hover-pop: 2.6 90deg
-// ex. hover-pop: 1.2 45deg true
-
-hover-pop($scale = 1.2, $rotate = null, $shadow = null)
-  if $shadow
-    box-shadow: 0 0 1px transparent
-
-  &:hover
-    position: relative
-    z-index: 10
-    transform: scale($scale)
-    if $shadow
-      box-shadow: 0 0 5px rgba(#000, .3)
-    if $rotate
-      transform: scale($scale) rotate($rotate)
-
-// Mixin: Hover Fade
-//
-// On hover, fades the element's opacity down. Takes an amount as an integer
-// between 0 and 1, like opacity normally does. Recommended to be used with
-// transition.
-
-// ex. hover-fade: .5
-
-hover-fade($amount = .5)
-  &:hover
-    opacity: $amount
-
-// Mixin: Hover Color
-//
-// Will swap an elements color or background color on hover. Takes a color in
-// any format as the first argument. Will first look for a background color to
-// change, then a color.
-//
-// ex. hover-color: #D45D86
-
-hover-color($color, $force-use-color = false)
-  &:hover
-    if @background and !$force-use-color
-      background-color: $color
-    else if @background-color and !$force-use-color
-      background-color: $color
-    else if @background-color and !force-use-color
-      background-color: $color
-    else if @color
-      color: $color
-    else
-      warn('you need to set a color or background color on your element for this to work')
-
-// Mixin: Hover Glow
-//
-// Creates a glow when hovering an element. Takes a color and a radius (size).
-// Recommended to be used with transition.
-//
-// ex: hover-glow()
-
-hover-glow($color = rgba(blue, .8),  $radius = 20px )
-  &:hover
-    box-shadow: 0px 0px $radius 2px $color
-
-// Mixin: Hover Float
-//
-// Gives an element the effect of rising up vertically with a small shadow
-//  underneath. Recommended to be use with transition.
-//
-// Ex: hover-float()
-
-hover-float()
-  position: relative
-
-  &:before
-    pointer-events: none
-    position: absolute
-    z-index: -1
-    content: ''
-    top: 108%
-    left: 5%
-    height: 10px
-    width: 90%
-    opacity: 0
-    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%)
-
-  &:hover
-    transform: translateY(-7px)
-    &:before
-      opacity: 1
-      transform: scale(1)
-
-// Mixin: Click Down
-//
-// Move an element down while clicked/tapped. Takes distance.
-//
-// ex: click-down()
-
-click-down($distance = 1px)
-  &:active
-    transform: translateY($distance)
-
-// Mixin: Click Shadow
-//
-// Creates a shadow under element while clicked/tapped. Takes distance and
-// radius (size). Recommended to be use with transition.
-//
-// ex: click-shadow()
-
-click-shadow($distance = 2px, $radius = 10px )
-  &:active
-    box-shadow: 0px $distance $radius 2px rgba(0, 0, 0, 0.25)
-
-// Mixin: Click Inset
-//
-// Creates an inset shadow on an elment while clicked/tapped. Takes radius
-// (inset shadow size). Recommended to be use with transition.
-//
-// ex: click-inset()
-
-click-inset($radius = 20px)
-  $distance = $radius / 2
-  &:active
-    box-shadow: inset 0px $distance $radius rgba(0, 0, 0, 0.35);
-
-// Mixin: Click Shrink
-//
-// Scale down an element when clicked/tapped. Gives the effect of "sinking"
-// or lowering on the z-axis.
-//
-// ex: click-shrink()
-
-click-shrink($distance = .92)
-  &:active
-    transform: scale($distance)
diff --git a/axis/layout.styl b/axis/layout.styl
deleted file mode 100644
index cd983ac..0000000
--- a/axis/layout.styl
+++ /dev/null
@@ -1,182 +0,0 @@
-// Mixin: group
-// Clearfix with a better name. Excellent for wrangling floats. Taken from
-// http://www.cssmojo.com/latest_new_clearfix_so_far/
-// Does not support IE 6 and 7 because you should not support them either.
-
-group()
-  &:after
-    content: ""
-    display: block
-    clear: both
-
-// Alias: clearfix
-// Group with a worse name. If you need really can't break the habit.
-clearfix()
-  group()
-
-// Function: pos
-// Backs position helpers, found below
--pos(type, args)
-  i = 0
-  position: unquote(type)
-  for j in (1..4)
-    if length(args) > i
-      {args[i]}: args[i + 1] is a 'unit' or 'auto' ? args[i += 1] : 0
-    i += 1
-
-// Mixin: Positions
-// Syntax shortcuts for absolute, relative, and fixed positioning. Ported
-// from nib: https://github.com/tj/nib/blob/master/lib/nib/positions.styl
-
-fixed()
-  -pos('fixed', arguments)
-
-absolute()
-  -pos('absolute', arguments)
-
-relative()
-  -pos('relative', arguments)
-
-// Mixin: Size
-// Shortcut for setting width and height quickly. If passed one value, sets this
-// value as both width and height.
-//
-// ex. size: 10px 30px
-// ex. size: 10px
-
-size()
-  if length(arguments) == 1
-    width: arguments[0]
-    height: arguments[0]
-  else
-    width: arguments[0]
-    height: arguments[1]
-
-// Mixin: Columns
-//
-// For css3 columns. Takes column count (int), column gap (px, em), column width
-// (px, em), and a border-like declaration if you want a column rule. This
-// follows exactly with the css3 spec, it's just quicker.
-//
-// ex. columns()
-// ex. columns: 5
-// ex. columns(8, 15px, 200px, '1px solid red')
-
-columns($count = 3, $gap = 30px, $width = null, $rule = null)
-  column-count: $count
-  column-gap: $gap
-  column-width: $width if $width
-  column-rule: unquote($rule) if $rule
-
-// Mixin: Avoid Column Break
-//
-// If you have a list that is broken into columns, this will make sure that the
-// list item is not split across columns awkwardly. Works only in webkit at the
-// moment.
-//
-// ex. avoid-column-break()
-
-avoid-column-break()
-  column-break-inside: avoid
-
-// Mixin: Vertically Align
-// Cross browser vertical align. Works down to IE9.
-//
-// ex. vertically-align() or reset it with vertically-align(false)
-
-vertically-align($reset = null)
-  if $reset != false
-    position: relative
-    top: 50%
-    transform: translateY(-50%)
-  else
-    position: relative
-    top: 0
-    transform: translateY(0)
-
-// Mixin: Media
-//
-// Based on Nicole Sullivan's media class, made famous by Facebook
-// http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-
-// hundreds-of-lines-of-code
-//
-// Put this on a parent and it will split the first two children left and right,
-// like you would with perhaps a comment with an avatar to the left. Pass it a
-// margin between the two. Explained fully here:
-// http://carrotblog.com/css-patterns-evolved/
-//
-// This mixin works right when the element you apply it to has two or three
-// direct children. The first one will float to the left, the second one will be
-// to the right of the first, and third will go farthest right.
-//
-// ex. media-object()
-// ex. media-object: 15px
-// ex. media-object: 15px 10px
-
-media-object($margin = 10px)
-
-  $left-margin = $margin
-  $right-margin = $margin
-
-  if length(arguments) > 1
-    $left-margin = arguments[0]
-    $right-margin = arguments[1]
-
-  overflow: hidden
-  zoom: 1
-
-  & > *
-    display: inline-block
-    overflow: hidden
-  & > *:first-child
-    float: left
-    margin-right: $right-margin
-  & > *:nth-child(3)
-    float: right
-    margin-left: $left-margin
-
-// Mixin: Ratio Box
-// Set a specific width/height ratio. Useful on background images and iframes.
-
-ratio-box($ratio = 1/1)
-  $ratio = remove-unit($ratio)
-  overflow: hidden
-  position: relative
-
-  &:before
-    content: ''
-    display: block
-    height: 0
-    padding-top: (1 / $ratio) * 100%
-
-// Mixin: Horizontal Rule
-//
-// Clean reset for divider lines.
-//
-// ex: rule()
-// ex rule(blue)
-
-rule($color = rgba(#000, .15), $spacing = 1.5em)
-  border: 0
-  border-bottom: 1px solid $color
-  height: 0
-  padding: 0
-  margin: $spacing 0
-
-// Mixin: Table Layout
-//
-// Sometimes you just need a good old-fashioned table layout.
-// Read more: http://colintoh.com/blog/display-table-anti-hero
-//
-// ex: tl()
-// ex: tl(auto)
-
-tl($layout-type = fixed)
-  display: table
-  table-layout: $layout-type  // "fixed" or "auto"
-  margin: 0
-  padding: 0
-  width: 100%
-
-  > *
-    display: table-cell
diff --git a/axis/reset.styl b/axis/reset.styl
deleted file mode 100644
index e8c92e6..0000000
--- a/axis/reset.styl
+++ /dev/null
@@ -1,384 +0,0 @@
-// -----
-// Reset
-// -----
-
-// Global Reset
-// Based on [Eric Meyer's reset](http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
-// ported from Nib
-
-global-reset()
-  html, body, div, span, applet, object, iframe,
-  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-  a, abbr, acronym, address, big, cite, code,
-  del, dfn, em, img, ins, kbd, q, s, samp,
-  small, strike, strong, sub, sup, tt, var,
-  dl, dt, dd, ol, ul, li,
-  fieldset, form, label, legend,
-  table, caption, tbody, tfoot, thead, tr, th, td
-    reset-box-model()
-    reset-font()
-  body
-    reset-body()
-  ol, ul
-    list-style: none
-  table
-    reset-table()
-  caption, th, td
-    reset-table-cell()
-  a img
-    border: none
-
-nested-reset()
-  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
-  pre, a, abbr, acronym, address, code, del, dfn, em, img,
-  dl, dt, dd, ol, ul, li, fieldset, form, label,
-  legend, caption, tbody, tfoot, thead, tr
-    reset-box-model()
-    reset-font()
-  table
-    reset-table()
-  caption, th, td
-    reset-table-cell()
-  a img
-    border: none
-
-reset-box-model()
-  margin: 0
-  padding: 0
-  border: 0
-  outline: 0
-
-reset-font()
-  font-weight: inherit
-  font-style: inherit
-  font-family: inherit
-  font-size: 100%
-  vertical-align: baseline
-
-reset-body()
-  line-height: 1
-  color: black
-  background: white
-
-reset-table()
-  border-collapse: separate
-  border-spacing: 0
-  vertical-align: middle
-
-reset-table-cell()
-  text-align: left
-  font-weight: normal
-  vertical-align: middle
-
-reset-html5()
-  article, aside, canvas, details, figcaption,
-  figure, footer, header, hgroup, menu, nav,
-  section, summary, main
-    reset-box-model()
-    display: block
-  audio, canvas, video
-    display inline-block
-    *display inline
-    *zoom 1
-  audio:not([controls]),[hidden]
-    display none
-
-// Mixin: Normalize CSS
-// Based on v4.0.0 https://github.com/necolas/normalize.css
-
-normalize-css()
-  html
-    font-family: sans-serif
-    -ms-text-size-adjust: 100%
-    -webkit-text-size-adjust: 100%
-
-  body
-    margin 0
-
-  article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary
-    display: block
-
-  audio, canvas, progress, video
-    display: inline-block
-
-  audio:not([controls])
-    display: none
-    height: 0
-
-  progress
-    vertical-align: baseline
-
-  template, [hidden]
-    display: none
-
-  a
-    background-color: transparent
-
-  a:active, a:hover
-    outline-width: 0
-
-  abbr[title]
-    border-bottom: none
-    text-decoration: underline
-    text-decoration: underline dotted
-
-  b, strong
-    font-weight: inherit
-
-  dfn
-    font-style: italic
-
-  h1
-    font-size: 2em
-    margin: 0.67em 0
-
-  mark
-    background-color: #ff0
-    color: #000
-
-  small
-    font-size: 80%
-
-  sub, sup
-    font-size: 75%
-    line-height: 0
-    position: relative
-    vertical-align: baseline
-
-  sub
-    bottom: -0.25em
-
-  sup
-    top: -0.5em
-
-  img
-    border-style: none
-
-  svg:not(:root)
-    overflow: hidden
-
-  code, kbd, pre, samp
-    font-family: monospace, monospace
-    font-size: 1em
-
-  figure
-    margin: 1em 40px
-
-  hr
-    box-sizing: content-box
-    height: 0
-    overflow: visible
-
-  button, input, select, textarea
-    font: inherit
-
-  optgroup
-    font-weight: bold
-
-  button, input, select
-    overflow: visible
-
-  button, input, select, textarea
-    margin: 0
-
-  button, select
-    text-transform: none
-
-  button, [type="button"], [type="reset"], [type="submit"]
-    cursor: pointer
-
-  [disabled]
-    cursor: default
-
-  button, html [type="button"], [type="reset"], [type="submit"]
-    -webkit-appearance: button
-
-  button::-moz-focus-inner, input::-moz-focus-inner
-    border: 0
-    padding: 0
-
-  button:-moz-focusring, input:-moz-focusring
-    outline: 1px dotted ButtonText
-
-  fieldset
-    border: 1px solid #c0c0c0
-    margin: 0 2px
-    padding: 0.35em 0.625em 0.75em
-
-  legend
-    box-sizing: border-box
-    -moz-box-sizing: border-box
-    color: inherit
-    display: table
-    max-width: 100%
-    padding: 0
-    white-space: normal
-
-  textarea
-    overflow: auto
-
-  [type="checkbox"], [type="radio"]
-    box-sizing: border-box
-    padding: 0
-
-  [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button
-    height: auto
-
-  [type="search"]
-    -webkit-appearance: textfield
-
-  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration
-    -webkit-appearance: none
-
-// Mixin: Fluid Media
-// Makes your img, video, and iframe tags responsive to their parent container.
-
-fluid-media()
-  img,
-  video,
-  iframe
-    max-width: 100%
-    height: auto
-    border: 0
-    -ms-interpolation-mode: bicubic
-    display: block
-
-// Mixin: Border Box HTML
-// Add border box to every element in your project. Used in your project root.
-// http://www.paulirish.com/2012/box-sizing-border-box-ftw/
-
-border-box-html()
-  html
-    box-sizing: border-box
-
-  *,
-  *:before,
-  *:after
-    box-sizing: inherit
-
-// Mixin: Print Styles
-// Nice clean print styles so you don't have to worry about it.
-
-print-styles()
-  @media print
-    body
-      width: 100% !important
-      margin: 0 !important
-      padding: 0 !important
-      font-size: 14pt
-      line-height: 1.45
-      font-family: Garamond, "Times New Roman", serif
-      color: #000
-      background: none
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6
-      page-break-after: avoid
-      font-family: "Helvetica", Arial, sans-serif
-
-    h1
-      font-size: 36pt
-      line-height: 1.25em
-
-    h2
-      font-size: 24pt
-      line-height: 1.25em
-
-    h3
-      font-size: 18pt
-      line-height: 1.25em
-
-    h4,
-    h5,
-    h6
-      font-size: 14pt
-      line-height: 1.25em
-
-    p,
-    h2,
-    h3
-      orphans: 3
-      widows: 3
-
-    code
-      font: 12pt Courier, $monospace
-
-    blockquote
-      margin: 1.2em
-      padding: 1em
-      font-size: 24pt
-      line-height: 1.45833333em
-      font-style: italic
-
-    hr
-      background-color: #ccc
-
-    img
-      float: left
-      margin: 1em 1.5em 1.5em 0
-      max-width: 100% !important
-
-    a img
-        border: none
-
-    a:link,
-    a:visited
-      background: transparent
-      font-weight: 700
-      text-decoration: underline
-      color: #333
-
-    a:link[href^="http://"]:after,
-    a[href^="http://"]:visited:after
-      content: " (" attr(href) ") "
-      font-size: 90%
-
-    abbr[title]:after
-      content: " (" attr(title) ")"
-
-    a[href^="http://"]
-      color: #000
-
-    a[href$=".jpg"]:after,
-    a[href$=".jpeg"]:after,
-    a[href$=".gif"]:after,
-    a[href$=".png"]:after
-      content: " (" attr(href) ") "
-      display: none
-
-    a[href^="#"]:after, a[href^="javascript:"]:after
-      content: ""
-
-    table
-      margin: 1px
-      text-align: left
-
-    th
-      border-bottom: 1px solid #333
-      font-weight: bold
-
-    td
-      border-bottom: 1px solid #333
-
-    th,
-    td
-      padding: 4px 10px 4px 0
-
-    tfoot
-      font-style: italic
-
-    caption
-      background: #fff
-      margin-bottom: 2em
-      text-align: left
-
-    thead
-      display: table-header-group
-
-    img,
-    tr
-      page-break-inside: avoid
diff --git a/axis/settings.styl b/axis/settings.styl
deleted file mode 100644
index fdec51c..0000000
--- a/axis/settings.styl
+++ /dev/null
@@ -1,67 +0,0 @@
-// ---------------
-// Global Settings
-// ---------------
-
-// Font stacks (add your own!)
-$sans = -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", Arial, sans-serif
-$helvetica-neue = "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif
-$helvetica = "Helvetica Neue", Helvetica, Arial, sans-serif
-$georgia = Georgia, Cambria, "Times New Roman", Times, serif
-$lucida-grande = "Lucida Grande", Tahoma, Verdana, Arial, sans-serif
-$monospace = unquote("'Bitstream Vera Sans Mono', Consolas, Courier, monospace")
-$verdana = Verdana, Geneva, sans-serif
-
-// Default font settings
-$font-stack = $helvetica-neue
-$font-size = 16
-$font-color = #555
-
-// Colors (via http://clrs.cc - slightly modded)
-$navy     = #001F3F
-$blue     = #0074D9
-$aqua     = #7FDBFF
-$teal     = #39CCCC
-$olive    = #3D9970
-$green    = #2ECC40
-$lime     = #01FF70
-$yellow   = #FFDC00
-$orange   = #FF851B
-$red      = #D13F19
-$maroon   = #85144B
-$fuchsia  = #F012BE
-$purple   = #B10DC9
-$white    = #FFFFFF
-$silver   = #DDDDDD
-$gray     = #AAAAAA
-$black    = #222222
-
-// Use as default HTML colors
-navy    = $navy
-blue    = $blue
-aqua    = $aqua
-teal    = $teal
-olive   = $olive
-green   = $green
-lime    = $lime
-yellow  = $yellow
-orange  = $orange
-red     = $red
-maroon  = $maroon
-fuchsia = $fuchsia
-purple  = $purple
-white   = $white
-silver  = $silver
-gray    = $gray
-black   = $black
-
-// Default color
-$default-color = $blue
-
-// Text highlight color
-$highlight-color = $blue
-
-// Custom image base path for axis mixins
-$img-path = ''
-
-// Ligatures
-$ligatures = false
diff --git a/axis/tables.styl b/axis/tables.styl
deleted file mode 100644
index 8c01668..0000000
--- a/axis/tables.styl
+++ /dev/null
@@ -1,95 +0,0 @@
-// ------
-// Tables
-// ------
-
-// Mixin: Table
-//
-// Ported directly from Twitter Bootstrap, as they did an excellent job with
-// the tables. Take three fairly self-explanitory arguments, all boolean. 1st
-// makes the table bordered, 2nd adds zebra striping, and the 3rd indiated
-// whether the table is condensed or not.
-//
-// ex. table()
-// ex. table(striped: true)
-
-table($border = true, $striped = true, $condensed = false)
-  max-width: 100%
-  border-collapse: collapse
-  border-spacing: 0
-  width: 100%
-  margin-bottom: 18px
-
-  th, td
-    padding: 8px
-    line-height: 18px
-    text-align: left
-    vertical-align: top
-    border-top: 1px solid #ddd
-
-  th
-    font-weight: bold
-
-  thead th
-    vertical-align: bottom
-
-  thead:first-child tr th
-  thead:first-child tr td
-    border-top: 0
-
-  tbody + tbody
-    border-top: 2px solid #ddd
-
-  if $condensed
-    th, td
-      padding: 4px 5px
-
-  if $border
-    border: 1px solid #ddd
-    border-collapse: separate
-    *border-collapse: collapsed
-    border-radius: 4px
-
-    th + th, td + td, th + td, td + th
-      border-left: 1px solid #ddd
-
-    thead:first-child tr:first-child th
-    tbody:first-child tr:first-child th
-    tbody:first-child tr:first-child td
-      border-top: 0
-
-    thead:first-child tr:first-child th:first-child
-    tbody:first-child tr:first-child td:first-child
-      border-radius: 4px 0 0 0
-
-    thead:first-child tr:first-child th:last-child
-    tbody:first-child tr:first-child td:last-child
-      border-radius: 0 4px 0 0
-
-    thead:last-child tr:last-child th:first-child
-    tbody:last-child tr:last-child td:first-child
-      border-radius: 0 0 0 4px
-
-    thead:last-child tr:last-child th:last-child
-    tbody:last-child tr:last-child td:last-child
-      border-radius: 0 0 4px 0
-
-  if $striped
-    tbody tr:nth-child(odd) td
-    tbody tr:nth-child(odd) th
-      background-color: #f9f9f9
-
-    tbody tr:hover td
-    tbody tr:hover th
-      background-color: #f5f5f5
-
-// Additive Mixin: Tables
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Makes tables look awesome by default. Highly recommended if you have tables
-// on your site at all.
-
-tables()
-  table
-    table()
diff --git a/axis/typography.styl b/axis/typography.styl
deleted file mode 100644
index 3cb8933..0000000
--- a/axis/typography.styl
+++ /dev/null
@@ -1,525 +0,0 @@
-// ----------
-// Typography
-// ----------
-
-// Alias: Bold
-// It's just faster to type bold() than font-weight: bold
-
-bold()
-  font-weight: bold
-
-// Alias: Italic
-// It's just faster to type italic() than font-style: italic
-
-italic()
-  font-style: italic
-
-// Alias: Normal
-// Put the font-weight and style back to normal
-
-normal()
-  font-weight: normal
-  font-style: normal
-
-// Mixin: Raquo
-//
-// Because technically raquo is not semantic, it's better to add it like this.
-//
-// ex. raquo()
-
-raquo()
-  &:after
-    content: " \00BB"
-
-// Mixin: Font Face
-//
-// Super simple font-face declaration. Just give the name and the folder it
-// lives in. Make sure the font name matches the name of the files. Uses the
-// fontspring syntax:
-// http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
-//
-// ex. font-face(proxima-nova, '/fonts')
-
-font-face($name, $folder, $weight = 'normal', $style = 'normal')
-  @font-face
-    font-family: $name
-    src: url($folder unquote('/') $name unquote('.eot') '?#iefix') format('embedded-opentype'), url($folder unquote('/') $name unquote('.woff')) format('woff'), url($folder unquote('/') $name unquote('.ttf')) format('truetype'), url($folder unquote('/') $name unquote('.eot') unquote('#') $name) format('svg');
-    font-weight: unquote($weight)
-    font-style: unquote($style)
-
-
-// Mixin: Ellipsis
-// Truncate text to the width of its container...
-// ex: ellipsis()
-// ex: ellipsis: 300px
-
-ellipsis($width = 100%)
-  white-space: nowrap
-  display: inline-block
-  max-width: $width
-  overflow: hidden
-  text-overflow: ellipsis
-  word-wrap: normal
-
-// Function: Line Height
-//
-// If there is a font-size set on the parent element, adjusts the line height to
-// match that. If not, it uses the base font-size to calculate the line-height.
-
--line-height()
-  if @font-size
-    line-height: 1.6em
-  else
-    line-height: unit($font-size*1.6, 'px')
-    line-height: 1.6rem
-
-// Mixin: Text Margin
-//
-// Puts nice visually pleasing top and bottom margins on a paragraph of text.
-// Put a font-size on your element to have it adjust accordingly.
-//
-// ex. p
-//       font-size: 18px
-//       text-margin()
-
-text-margin($size = $font-size)
-  if @font-size
-    margin: .75em 0
-  else
-    margin: unit($font-size*.75, 'px') 0
-
-// Mixin: Paragraph
-//
-// Sets a nice size, line-height, and margins on a paragraph of text. Pass a
-// size in to customize. Toggle margins off if you don't want them.
-//
-// ex. p()
-// ex. p: 18px
-// ex. p: 14px false
-
-p($size = 1rem, $margins = true)
-  font-size: $size
-  text-margin() if $margins
-  -line-height()
-  open-type-ligatures() if $ligatures
-
-// Alias: paragraph
-paragraph = p
-
-// Alias: Font Size
-// An alias for 'font-size' with auto-fallback for rem.
-// ex. fs: 16px
-// ex. fs: 1.2rem
-
-fs($size)
-  if (unit($size) == 'rem')
-    font-size: round(unit(($font-size*$size), 'px'))
-    font-size: $size
-  else
-    font-size: $size
-
-// Alias: Uppercase
-// An alias for 'text-transform: uppercase'
-// ex. uppercase()
-
-uppercase()
-  text-transform: uppercase
-
-// Alias: Upcase
-upcase = uppercase
-
-// Alias: Lowercase
-// An alias for 'text-transform: lowercase'
-// ex. lowercase()
-
-lowercase()
-  text-transform: lowercase
-
-// Alias: Downcase
-downcase = lowercase
-
-// Alias: Reset Case
-// Gets rid of an text transform
-// ex. reset-case()
-
-reset-case()
-  text-transform: none
-
-// Mixin: Small
-//
-// Makes your text smaller and a little lighter. Great on <small /> tags.
-//
-// ex. small()
-
-small()
-  font-size: 55%
-  opacity: .6
-  font-weight: normal
-
-// Function: Heading
-// For internal use within headings
-
--heading($multiplier, $margins = true)
-  font-size: unit(($font-size*$multiplier), 'px')
-  font-size: unit($multiplier, 'rem')
-  text-rendering: optimizelegibility
-  font-weight: bold
-  text-margin() if $margins
-  -line-height()
-  openTypeLigatures() if $ligatures
-
-// Mixin Set: h1, h2, h3, h4, h5, h6
-//
-// These provide nice defaults for headings based off the default font size.
-// The can scale infinitely, and work best when matched to their corresponding
-// html elements. If you'd like to change the base size of a header, just pass
-// it as an option.
-//
-// ex. h3()
-// ex. h3: 3.5
-
-h1($size=2.4)
-  -heading($size)
-
-h2($size=1.8)
-  -heading($size)
-
-h3($size=1.5)
-  -heading($size)
-
-h4($size=1.3)
-  -heading($size)
-
-h5($size=1.0)
-  -heading($size)
-
-h6($size=0.9)
-  -heading($size)
-  upcase()
-
-// Mixin: Link
-//
-// A nice default style for links. Accepts a color and a style. Color can be
-// anything, style can be underline, darken, lighten, or glow, each giving it a
-// different style of interaction when hovered. More suggestions here welcome.
-//
-// ex. link()
-// ex. link: green
-// ex. link: #57777E 'glow'
-
-link($color = $blue, $style = 'underline')
-  color: $color
-  text-decoration: none
-  transition()
-
-  if $style == 'underline'
-    hover-underline()
-    &:hover
-      color: darken(@color, 15%)
-  else if $style == 'darken'
-    &:hover
-      color: darken(@color, 20%)
-  else if $style == 'lighten'
-    hover-lighten()
-  else if $style == 'glow'
-    &:hover
-      text-shadow: 0 0 7px rgba(@color, .6)
-
-  &:visited
-    opacity: .8
-
-// Mixin: Reset Link
-//
-// Sometimes my link mixin of the browser defaults will give you questionable
-// link defaults that you don't want on certain elements. This guy gets rid of
-// that.
-
-// ex. reset-link()
-
-reset-link()
-  border: none
-  text-decoration: none
-  color: initial
-
-  &:hover
-    border: none
-    text-decoration: none
-    color: initial
-
-  &:visited
-    opacity: 1
-
-// Mixin: Text Selection
-//
-// This guy sets the text select color intelligently based on the
-// highlight-color variable found in the settings file. If you really want, you
-// can pass it a color override too.
-
-// ex. text-selection()
-
-text-selection($color = $highlight-color, $text-color = null)
-
-  $text-color = (light($color) ? white : #494949) unless $text-color
-
-  &::-moz-selection
-    background: $color
-    color: $text-color
-
-  &::selection
-    background: $color
-    color: $text-color
-
-// Mixin: Ul
-//
-// A nice default for list styles. More or less the same as browser defaults,
-// scales nicely. You can pass it any style that list-style-type would normally
-// take. Defaults to disc. Use this on a ul element por favor.
-//
-// ex. ul()
-// ex. ul: 'square'
-
-ul($style = 'disc')
-  margin: 5px 15px
-  margin: 0.32rem 0.94rem
-  padding-left: 1rem
-
-  li
-    list-style-type: unquote($style)
-    padding: 2px 0
-    padding: 0.125rem
-
-// Mixin: Ol
-//
-// A nice default for list styles. More or less the same as browser defaults,
-// scales nicely. You can pass it any style that list-style-type would normally
-// take. Defaults to decimal. Use this on a ol element por favor.
-//
-// ex. ol()
-// ex. ol: 'upper-roman'
-
-ol($style = 'decimal')
-  margin: 5px 18px
-  margin: 0.32rem 1.125rem
-  padding-left: 1rem
-
-  li
-    list-style-type: unquote($style)
-    padding: 2px 0
-    padding: 0.125rem
-
-// Mixin: Inline List
-//
-// For when you need your list to be horizontal. Pass it the spacing you want
-// between list elements, whatever units you'd like. Defaults to 20px.
-//
-// ex. inline-list()
-// ex. inline-list: 15px
-
-inline-list($spacing = 20px)
-  group()
-  margin: 0
-  padding: 0
-
-  li
-    float: left
-    margin-right: $spacing
-    list-style-type: none
-
-  li:last-child
-    margin-right: 0
-
-// Mixin: Reset List
-//
-// If you're tired of all the list shenanigans and want to get rid of them for
-// this special list you're working on, this is your guy. Resets the margins,
-// padding, and style.
-//
-// ex. reset-list()
-
-reset-list()
-  margin: 0
-  padding: 0
-
-  li
-    float: none
-    list-style-type: none
-    padding: 0
-    margin: 0
-
-// Mixin: Blockquote
-//
-// Nice styles for a blockquote, and even puts a nice hyphen in before your
-// citation. Use with a <p> and <cite>, <footer>, or <figcaption> inside for
-// best results. Pass a color or 'none' to set the left border.
-//
-// ex. blockquote()
-
-blockquote($color = $blue)
-  border-left: 4px solid $color
-  margin: 1em 0
-  padding-left: 1.5em
-  group()
-
-  > p
-    font-weight: 300
-    font-size: 127%
-    font-size: 1.27rem
-    line-height: 127%
-    line-height: 1.27rem
-    margin-top: 0
-
-  > cite, > footer, > figcaption
-    color: #888888
-    &:before
-      content: '\2014'
-
-// Alias: blockquo
-blockquo = blockquote
-
-// Hyphenation
-//
-// Hyphenation is the better word-break. It’s locale aware, and inserts the
-// hyphen character at the correct place, when breaking the words. This is
-// especially important in responsive designs. It will save you from a lot of
-// ragged lines. And, no need anymore for clunky & slow Javascript hyphenation
-// fallbacks. Taken from http://www.newnet-soft.com/blog/csstypography
-//
-// ex. hyphenation()
-
-hyphenation()
-    -ms-word-break: break-all
-    word-break:     break-all
-    word-break:     break-word // webkit
-    hyphens: auto // none, auto, <number>
-    -webkit-hyphenate-before: 2
-    -webkit-hyphenate-after:  3
-    hyphenate-lines:          3
-
-// Mixin: Shadow Stroke
-//
-// Creates a text outline using text-shadow. Ported from nib.
-// Takes a color.
-//
-// ex: shadow-stroke()
-// ex: sahdow-stroke(red)
-
-shadow-stroke($color = $blue)
-  text-shadow: -1px -1px 0 $color, 1px -1px 0 $color, -1px 1px 0 $color, 1px 1px 0 $color
-
-// Additive Mixin: Base
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// This is an essential mixin. You want this on your page. Sets your font stack,
-// size, and colors based on the settings file and makes sure that your text is
-// a great looking as possible. You can override any of the params, but there is
-// really no reason to.
-//
-// ex. base()
-
-base($fonts = $font-stack, $size = $font-size, $color = $font-color)
-  html
-    font-size: unit($size, 'px')
-    font-size: unit(($size/16)*100, "%")
-
-  body
-    font-family: $fonts
-    color: $color
-    -webkit-font-smoothing: antialiased
-    -webkit-text-size-adjust: 100%
-    -ms-text-size-adjust: 100%
-    font-size-adjust: auto
-
-// Additive Mixin: Headers
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Adds roots' wonderful scaling header styles to your <hx> tags.
-//
-// ex. headers()
-
-headers()
-  h1
-    h1()
-
-  h2
-    h2()
-
-  h3
-    h3()
-
-  h4
-    h4()
-
-  h5
-    h5()
-
-  h6
-    h6()
-
-// Additive Mixin: Lists
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Adds roots' styles to ul and ols.
-//
-// ex. lists()
-
-lists()
-  ul
-    ul()
-  ol
-    ol()
-
-// Additive Mixin: Bold-Italic
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Adds bold and italic styles to the right tags if you did a global reset.
-//
-// ex. bold-italic()
-
-bold-italic()
-  b
-    bold()
-  i
-    italic()
-  strong
-    bold()
-  em
-    italic()
-
-// Additive Mixin: Typography
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Adds roots' styles to bold and italic elements, headers, paragrapgs, small
-// text, links, lists, and blockquotes. Got all your basic elements covered.
-//
-// ex. typography()
-
-typography()
-  bold-italic()
-  headers()
-  lists()
-  text-selection()
-
-  p
-    paragraph()
-
-  small
-    small()
-
-  a
-    link()
-
-  blockquote
-    blockquo()
-
-  .hyphenation
-    hyphenation()
diff --git a/axis/ui.styl b/axis/ui.styl
deleted file mode 100644
index 6192589..0000000
--- a/axis/ui.styl
+++ /dev/null
@@ -1,357 +0,0 @@
-// --
-// UI
-// --
-
-// Mixin: Area
-//
-// Just a nice little area for you to put content in. Rounded corners, box with
-// light grey background by default. You can pass it a different color if you'd
-// like.
-//
-// ex. area()
-// ex. area: red // <-- not recommended
-
-area($color = #F5F5F5)
-  box-shadow: inset 0 0 6px rgba(#000,.05)
-  background-color: $color
-  padding: 15px
-  border-radius: 4px
-  margin: 20px 0
-
-// Mixin: Notice
-//
-// A notice for you. Best used for flash alerts, this was originally an internal
-// mixin, but you can use it if you'd like. Give it a color and a width and it
-// will output a nice lightly gradiented box for your notice to reside in.
-//
-// ex. notice()
-// ex. notice: 500px blue
-
-notice($width = false, $color = #EEEEEE, $padding = 10px)
-  group()
-  gradient($color, 3%)
-  border-radius: 5px
-  padding: $padding
-  border: 1px solid darken($color, 10%)
-  box-shadow: 1px 1px 3px rgba(#000,.05)
-  position: relative
-  width: $width if $width
-
-// Mixin: Flash
-//
-// This is really great for rails flash messages, or really any little
-// notifications like 'logged in!', 'logged out!', or 'errarrrr!'. Takes one of
-// four types and colors them nicely for you - notice, success, warning, or
-// error. Defaults to notice.
-//
-// ex. flash()
-// ex. flash: 'error'
-
-flash($type = 'notice')
-  if $type == 'notice'
-    notice($color: #6CC5FA)
-    color: #fff
-    font-weight: bold
-    text-shadow: 1px 1px 1px rgba(#000,.2)
-  if $type == 'success'
-    notice($color: #7BDEA3)
-    color: #fff
-    font-weight: bold
-    text-shadow: 1px 1px 1px rgba(#000,.2)
-  if $type == 'warning'
-    notice($color: #FAE677)
-    font-weight: bold
-    text-shadow: 1px 1px 1px rgba(#fff,.2)
-  if $type == 'error'
-    notice($color: #E77C70)
-    color: #fff
-    font-weight: bold
-    text-shadow: 1px 1px 1px rgba(#000,.2)
-
-// Mixin: Breadcrumb
-//
-// Lay this one down on a list and it will turn the list into a breadcrumb-y
-// thing. By default separates with a slash, but you can feed it any character.
-// Second param is spacing between the list items, and the third is the color of
-// the divider. All are optional.
-//
-// ex. breadcrumb()
-// ex. breadcrumb: '>'
-// ex. breadcrumb: "-" 25px red
-// ex. breadcrumb "~" 40px
-
-breadcrumb($character = "/", $spacing = 10px, $divider-color = #CDCDCD)
-  inline-list: $spacing
-
-  li:not(:last-child):after
-    content: $character
-    margin-left: $spacing
-    color: $divider-color
-
-// Mixin: Bubble
-//
-// If you're anything like me, you always seem to find your designers putting
-// little bubbles in things. This mixin takes care of that problem, and makes a
-// nice bubble with 100% css. All parameters optional - accepts width, pointer
-// position (left, center, or right), and a color.
-//
-// ex. bubble()
-// ex. bubble: top center #57777E
-// ex. bubble: bottom right #5740A1 500px
-// ex. bubble: right top #5740A1 500px
-
-bubble($pos0 = left, $pos1 = false, $color = #EEEEEE, $width = false, $triangle-size = 10px, $side-distance = 15px, $padding = 10px, pointer = false, $triangle-color = darken($color, 3%), $triangle-border-color = darken($triangle-color, 10%))
-
-  // use named argument 'pointer' as $pos0 arg (to preserve old bubble api)
-  $border-width = 1px
-  $sqrt2 = 1.3
-  $distance-y-shadow = ($side-distance - $border-width)
-  $distance-x-shadow = ($side-distance - $border-width)
-  $margin-left-shadow = auto
-  $margin-left = auto
-  $margin-top-shadow = auto
-  $margin-top = auto
-  if pointer
-    $pos1 = pointer
-    $pos0 = bottom
-  // if no $pos1 is given, shift args and assume 'bottom $pos0'
-  if $pos1 is false
-    $pos1 = $pos0
-    $pos0 = bottom
-  else if $pos1 is a 'color'
-    $width = $color
-    $color = $pos1
-    $pos1 = $pos0
-    $pos0 = bottom
-
-  notice: $width $color $padding
-
-  if $pos0 is top
-    $direction-triangle = up
-    $position-y = top
-    $distance-y = -($triangle-size)
-    $distance-y-shadow = -($triangle-size + $border-width * $sqrt2)
-  else if $pos0 is bottom
-    $direction-triangle = down
-    $position-y = bottom
-    $distance-y = -($triangle-size)
-    $distance-y-shadow = -($triangle-size + $border-width * $sqrt2)
-  else if $pos0 is left
-    $direction-triangle = left
-    $position-x = left
-    $distance-x = -($triangle-size)
-    $distance-x-shadow = -($triangle-size + $border-width * $sqrt2)
-  else if $pos0 right
-    $direction-triangle = right
-    $position-x = right
-    $distance-x = -($triangle-size)
-    $distance-x-shadow = -($triangle-size + $border-width * $sqrt2)
-
-  if $pos1 is left
-    $position-x = left
-    $distance-x = $side-distance
-  else if $pos1 is right
-    $position-x = right
-    $distance-x = $side-distance
-  else if $pos1 is bottom
-    $position-y = bottom
-    $distance-y = $side-distance
-  else if $pos1 is top
-    $position-y = top
-    $distance-y = $side-distance
-  else if $pos1 is center
-    if $pos0 is top or $pos0 is bottom or $pos1 is false
-      $margin-left = -($triangle-size)
-      $margin-left-shadow = -($triangle-size + $border-width * $sqrt2 / 2)
-      $position-x = left
-      $distance-x = 50%
-      $distance-x-shadow = 50%
-    else
-      $margin-top = -($triangle-size/2)
-      $margin-top-shadow = -($triangle-size/2 + $border-width * $sqrt2 / 2)
-      $position-y = top
-      $distance-y = 50%
-      $distance-y-shadow = 50%
-
-  &:before
-    margin-top: $margin-top-shadow
-    margin-left: $margin-left-shadow
-    triangle: $direction-triangle ($triangle-size + $border-width * $sqrt2) $triangle-border-color
-    absolute: $position-y $distance-y-shadow $position-x $distance-x-shadow
-    display: block
-
-  &:after
-    margin-top: $margin-top
-    margin-left: $margin-left
-    triangle: $direction-triangle $triangle-size $triangle-color
-    absolute: $position-y $distance-y $position-x $distance-x
-    display: block
-
-// Mixin: Figure
-//
-// For when you want to *semantically* show an image. Put this on your
-// <figure /> element and it will style the nested image and figcaption in a
-// wonderfully pleasing manner. Takes a color (for the thin outline), and if
-// you want, dimensions of the image as a space separated list.
-//
-// ex. figure()
-// ex. figure: blue
-// ex. figure(green, 100px 400px)
-
-figure($color = $default-color, $dimensions = false)
-
-  if length($dimensions) > 1
-    display: block
-    size: $dimensions[0] $dimensions[1]
-  else if $dimensions == false
-    display: inline-block
-  else
-    warn("Make sure you pass the image's dimensions as a space-separated list")
-
-  img
-    display: block
-    padding: 4px
-    border-radius: 3px
-    border: 1px solid rgba($color, .6)
-
-  figcaption
-    padding: 10px 0
-    text-align: center
-    italic()
-
-// Mixin: icon-arrow
-//
-// Here's an asset you've probably had to create a lot. Now you don't.
-// Creates a nice arrow icon in pure css. Useful for navigation. Takes size,
-// color, or stroke.
-
-// ex: close()
-// ex: close(25px, yellowgreen, 2px)
-
-icon-arrow($direction = 'right', $size = 40px, $color = #888, $stroke = 1px)
-  height: $size
-  width: $size
-
-  &:after
-    content: ''
-    border-right: $stroke solid $color
-    border-top: $stroke solid $color
-    display: block
-    height: unit($size * 0.625, 'px')
-    width: unit($size * 0.625, 'px')
-    margin-left: 1%
-    if $direction == 'right'
-      transform: rotate(45deg) translateX(unit($size * 0.1, 'px')) translateY(unit($size * 0.1, 'px'))
-    else if $direction == 'left'
-      transform: rotate(-135deg) translateX(unit($size * -0.3, 'px') ) translateY(unit($size * 0.1, 'px'))
-    else if $direction == 'down'
-      transform: rotate(135deg) translateX(unit($size * -0.1, 'px')) translateY(unit($size * -0.1, 'px'))
-    else if $direction == 'up'
-      transform: rotate(-45deg) translateX(unit($size * -0.1, 'px')) translateY(unit($size * 0.3, 'px'))
-
-// Mixin: icon-x
-//
-// Here's another n asset you've probably had to create a lot. Now you don't.
-// Creates a nice "X" close/delete icon. Takes size, color, or stroke
-
-// ex: close()
-// ex: close(25px, yellowgreen, 2px)
-
-icon-x($size = 40px, $color = #888, $stroke = 1px)
-  width: $size
-  height: $size
-  display: block
-  position: relative
-
-  &:before, &:after
-    transition: all .3s ease
-    content: ''
-    position: absolute
-    width: $size
-    top: 50%
-    height: $stroke
-    background: $color
-    transform: rotate(45deg)
-
-  &:after
-    transform: rotate(-45deg)
-
-// Mixin: Navigation
-//
-// Makes a fantastic nav bar for you that doesn't look exactly like bootstrap's
-// and you can customize it as well. Params: fixed (boolean), color (recommend
-// something dark), link color, and size, which is an integer from one up, and
-// scales every aspect of the nav bar for you. All have defaults. This mixin is
-// meant to be placed on a <nav> element that contains a ul.
-//
-// ex. nav()
-// ex. nav: 1 #444 red true
-
-navigation($size = 1, $bg-color = #222, $link-color = #fff, $pos-fixed = false)
-  group()
-  display: block
-  z-index: 10
-  gradient: $bg-color 5%
-  box-shadow: 0 3px 3px rgba(0,0,0,.15)
-  border-bottom: 1px solid rgba(darken($bg-color, 15%),.7)
-  height: ($size + 14) * 2.866px
-  width: 100%
-  font-size: unit($size + 14, 'px')
-
-  if $pos-fixed
-    position: fixed
-  else
-    position: relative
-
-  h1
-    float: left
-    padding: ($size + 14) * .58px
-    padding-left: 17px
-    color: $link-color
-    bold()
-    font-size: ($size + 14) * 1.3px
-
-  ul
-    float: right
-    margin: 0
-    padding: ($size + 14) * .8px
-    color: $link-color
-
-    li
-      list-style-type: none
-      margin-right: 30px
-      float: left
-
-      a
-        color: $link-color
-        border: none
-        cursor: pointer
-
-        &:hover
-          color: darken($link-color, 20%)
-          border: none
-
-// Alias: nav
-nav = navigation
-
-// Additive Mixin: Flash Notices
-//
-// WARNING: Creates classes in your css and styles them - not to be used inside
-// an element.
-//
-// Super convenient flash notices. Anything with .flash on it will display as a
-// notice, and if you add the additional class .error, .warning, .notice, or
-// .success, it will display the appropriate color background for the message.
-//
-// ex. flash-notices()
-
-flash-notices()
-  .flash
-    &.error
-      flash(error)
-    &.warning
-      flash(warning)
-    &.notice
-      flash(notice)
-    &.success
-      flash(success)
diff --git a/axis/utilities.styl b/axis/utilities.styl
deleted file mode 100644
index 79714ca..0000000
--- a/axis/utilities.styl
+++ /dev/null
@@ -1,238 +0,0 @@
-// ---------
-// Utilities
-// ---------
-
-// Alias: No Select
-// You can't highlight this.
-
-no-select()
-  -webkit-touch-callout: none
-  user-select: none
-
-// Alias: B
-// Border, but quicker and with an intelligent default.
-
-b()
-  arguments = unquote('1px solid') unless arguments
-  border: arguments
-
-// Alias: Transition
-//
-// Transition with an intelligent default.
-//
-// ex. transition()
-// ex. transition: color 1s ease
-// ex. transition(color 1s ease, background 2.4s linear)
-
-transition()
-  arguments = unquote('all .3s ease') unless arguments
-  transition: arguments
-
-// Alias: Border Box
-// A quicker way to specify border-box sizing.
-
-border-box()
-  box-sizing: border-box
-
-// Alias: Opentype ligatures
-//
-// The vast majority of fonts contain lowercase and uppercase alphabets,
-// numerals, punctuation and accents. Many professionally-designed fonts
-// also contain ligatures, alternative characters, smallcaps, different kinds of
-// numbers, and sometimes much more besides. This enables it.
-//
-// Source: http://www.newnet-soft.com/blog/csstypography
-// Additional: http://blog.fontdeck.com/post/15777165734/opentype-1
-
-open-type-ligatures()
-  font-feature-settings: "liga", "dlig"
-
-// Alias: Multi-line padding
-//
-// You can not apply the background and padding to a <span> or an inline element.
-// The left and right padding will only apply to the very first and very last line.
-// On each of the middle lines, the background will butt up immediately next to the text.
-//
-// The attribute box-decoration-break solves this problem but needs prefixing.
-//
-// Source: http://codepen.io/chriscoyier/pen/hIvFe
-
-multi-line-padding()
-  box-decoration-break: clone;
-
-// Mixin: Rounded
-//
-// Unless you are working with a ridiculously large element, this will round the
-// corners as much as css will allow. Even in IE.
-//
-// ex. rounded()
-
-rounded()
-  border-radius: 999px
-
-// Mixin: Triangle
-//
-// One of my favorites. Makes a little css triangle for you. Pass it a direction
-// (up, down, left, right), size (in pixels), and a color.
-//
-// ex. triangle()
-// ex. triangle: 'down' 15px blue
-
-triangle($direction = 'up', $size = 10px, $color = #000)
-  width: 0
-  height: 0
-  if $direction == 'up'
-    border-left: $size solid transparent
-    border-right: $size solid transparent
-    border-bottom: $size solid $color
-  else if $direction == 'down'
-    border-left: $size solid transparent
-    border-right: $size solid transparent
-    border-top: $size solid $color
-  else if $direction == 'left'
-    border-top: $size solid transparent
-    border-bottom: $size solid transparent
-    border-right: $size solid $color
-  else if $direction == 'right'
-    border-top: $size solid transparent
-    border-bottom: $size solid transparent
-    border-left: $size solid $color
-
-// Mixin: Debug
-//
-// Debugging tool - adds a border to the current element, its children,
-// grandchildren, etc so you can see what's up – great for precise layout
-// tweaks.  It will also add flags if you made mistakes like put in inline
-// styles, forgot an alt on an image, left the alt blank, etc. Not to be used
-// in production, obviously.
-//
-// via dbox: http://codepen.io/dbox/pen/GJZzYo?editors=110
-
-debug()
-  border 1px solid MediumPurple
-  > *
-    border 1px solid DarkKhaki
-  > * > *
-    border 1px solid MediumTurquoise
-  > * > * > *
-    border 1px solid LightSlateGray
-  > * > * > * > *
-    border 1px solid LightBlue
-  > * > * > * > * > *
-    border 1px solid MediumSlateBlue
-  > * > * > * > * > * > *
-    border 1px solid DeepSkyBlue
-  > * > * > * > * > * > * > *
-    border 1px solid DarkSeaGreen
-
-  img
-    border: 1px solid #f00
-    -webkit-filter: hue-rotate(330deg) contrast(.75) saturate(6)
-    filter: hue-rotate(330deg) contrast(.75) saturate(6)
-
-  img[alt]
-    border: 1px solid LimeGreen
-    -webkit-filter: none
-    filter: none
-
-  img[alt=""]
-    border: 1px solid gold
-    -webkit-filter: contrast(1) saturate(2)
-    filter: contrast(1) saturate(2)
-
-  a
-    background: rgba(#f00, .1)
-    border: 1px solid #f00
-
-  a[title]
-    background: none
-    border-color: LimeGreen
-
-  style
-    border: block
-
-  [style], style, [class=""], [id=""], a[href="#"]
-    background: rgba(yellow, .2)
-    border: 1px solid gold
-
-// Block Mixin: Quantity Queries
-//
-// Set rules for a selector based on a specific sibling count.
-// via: https://github.com/pascalduez/postcss-quantity-queries
-//
-// ex. +quantity-at-least(6)
-// ex. +quantity-at-most(12, div)
-// ex. +quantity-between(0, 8, span)
-// ex. +quantity-exactly(5)
-
-quantity-at-least($count = 4, $selector = li)
-  & > {$selector}:nth-last-child(n+{$count})
-  & > {$selector}:nth-last-child(n+{$count}) ~ {$selector}
-    {block}
-
-quantity-at-most($count = 4, $selector = li)
-  & > {$selector}:nth-last-child(-n+{$count}):first-child
-  & > {$selector}:nth-last-child(-n+{$count}):first-child ~ {$selector}
-    {block}
-
-quantity-between($start = 0, $end = 10, $selector = li)
-  & > {$selector}:nth-last-child(n+{$start}):nth-last-child(-n+{$end}):first-child
-  & > {$selector}:nth-last-child(n+{$start}):nth-last-child(-n+{$end}):first-child ~ {$selector}
-    {block}
-
-quantity-exactly($count = 4, $selector = li)
-  & > {$selector}:nth-last-child({$count}):first-child
-  & > {$selector}:nth-last-child({$count}):first-child ~ {$selector}
-    {block}
-
-// Function: Rem Calculator
-//
-// Calculates and returns the rem value based on px input. Default base font
-// size is 16px, but can be changed with base-font-size.
-//
-// ex       : rem(30px) or rem(30)
-// returns  : 1.875rem
-
-rem($value)
-  $base-font-size ?= 16px
-  $type = unit($value)
-  if $type == px
-    return unit($value / $base-font-size, 'rem')
-  else
-    return unit($value, $type)
-
-// Custom animation timing functions, ported from bourbon
-// https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_timing-functions.scss
-
-// ease-in
-$ease-in-quad =      cubic-bezier(0.550,  0.085, 0.680, 0.530)
-$ease-in-cubic =     cubic-bezier(0.550,  0.055, 0.675, 0.190)
-$ease-in-quart =     cubic-bezier(0.895,  0.030, 0.685, 0.220)
-$ease-in-quint =     cubic-bezier(0.755,  0.050, 0.855, 0.060)
-$ease-in-sine =      cubic-bezier(0.470,  0.000, 0.745, 0.715)
-$ease-in-expo =      cubic-bezier(0.950,  0.050, 0.795, 0.035)
-$ease-in-circ =      cubic-bezier(0.600,  0.040, 0.980, 0.335)
-$ease-in-back =      cubic-bezier(0.600, -0.280, 0.735, 0.045)
-$ease-in-swift =     cubic-bezier(0.900,  0.000, 0.450, 1.000)
-
-// ease-out
-$ease-out-quad =     cubic-bezier(0.250,  0.460, 0.450, 0.940)
-$ease-out-cubic =    cubic-bezier(0.215,  0.610, 0.355, 1.000)
-$ease-out-quart =    cubic-bezier(0.165,  0.840, 0.440, 1.000)
-$ease-out-quint =    cubic-bezier(0.230,  1.000, 0.320, 1.000)
-$ease-out-sine =     cubic-bezier(0.390,  0.575, 0.565, 1.000)
-$ease-out-expo =     cubic-bezier(0.190,  1.000, 0.220, 1.000)
-$ease-out-circ =     cubic-bezier(0.075,  0.820, 0.165, 1.000)
-$ease-out-back =     cubic-bezier(0.175,  0.885, 0.320, 1.275)
-$ease-out-swift =    cubic-bezier(0.550,  0.000, 0.100, 1.000)
-
-// ease-in-out
-$ease-in-out-quad =  cubic-bezier(0.455,  0.030, 0.515, 0.955)
-$ease-in-out-cubic = cubic-bezier(0.645,  0.045, 0.355, 1.000)
-$ease-in-out-quart = cubic-bezier(0.770,  0.000, 0.175, 1.000)
-$ease-in-out-quint = cubic-bezier(0.860,  0.000, 0.070, 1.000)
-$ease-in-out-sine =  cubic-bezier(0.445,  0.050, 0.550, 0.950)
-$ease-in-out-expo =  cubic-bezier(1.000,  0.000, 0.000, 1.000)
-$ease-in-out-circ =  cubic-bezier(0.785,  0.135, 0.150, 0.860)
-$ease-in-out-back =  cubic-bezier(0.680, -0.550, 0.265, 1.550)
-$ease-in-out-swift = cubic-bezier(0.900,  0.000, 0.100, 1.000)
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..559c288
--- /dev/null
+++ b/index.css
@@ -0,0 +1 @@
+@import 'axis/_index.css';
diff --git a/index.js b/index.js
deleted file mode 100644
index 41e6864..0000000
--- a/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-var path = require('path'),
-    pkg = require('./package.json');
-
-exports = module.exports = function(opts) {
-  var implicit = (opts && opts.implicit == false) ? false : true;
-
-  return function(style){
-    style.include(__dirname); // include axis
-
-    if (implicit) {
-      style.import('axis');
-    }
-  }
-
-}
-
-exports.libname = pkg.name;
-exports.path = __dirname;
-exports.version = pkg.version;
diff --git a/license.md b/license.md
index 6e8272b..132c6b4 100644
--- a/license.md
+++ b/license.md
@@ -1,7 +1,6 @@
-License (MIT)
--------------
+# License (MIT)
 
-Copyright (c) 2013 Jeff Escalante
+Copyright (c) 2017 Jeff Escalante
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
diff --git a/package.json b/package.json
index 6534111..519e255 100644
--- a/package.json
+++ b/package.json
@@ -1,27 +1,19 @@
 {
   "name": "axis",
-  "version": "1.0.0",
-  "description": "css library built on stylus",
+  "version": "2.0.0-alpha1",
+  "description": "Axis is a terse, modular & powerful css utility library built on top PostCSS and cssnext.",
+  "main": "index.css",
   "author": "Jeff Escalante",
   "license": "MIT",
-  "main": "index.js",
   "repository": {
     "type": "git",
-    "url": "git://github.com/jenius/axis.git"
+    "url": "git://github.com/static-dev/axis.git"
   },
-  "devDependencies": {
-    "accord": "0.26.3",
-    "autoprefixer-stylus": "0.13.0",
-    "chai": "3.5.0",
-    "coffee-script": "1.12.3",
-    "css-parse": "2.0.0",
-    "mocha": "3.2.0",
-    "stylus": "0.54.5"
-  },
-  "scripts": {
-    "test": "mocha"
-  },
-  "engines": {
-    "node": ">=0.8.0"
-  }
+  "style": "index.css",
+  "keywords": [
+    "axis",
+    "css",
+    "cssnext",
+    "postcss"
+  ]
 }
diff --git a/readme.md b/readme.md
index 04a42aa..c9da33e 100644
--- a/readme.md
+++ b/readme.md
@@ -1,35 +1,50 @@
-Axis
-----
+# ![](https://dl.dropboxusercontent.com/u/18590/axis-logo.svg)
 
 [![npm](http://img.shields.io/npm/v/axis.svg?style=flat)](http://badge.fury.io/js/axis)
-[![tests](http://img.shields.io/travis/jenius/axis/master.svg?style=flat)](https://travis-ci.org/jenius/axis)
-[![dependencies](http://img.shields.io/gemnasium/jenius/axis.svg?style=flat)](https://gemnasium.com/jenius/axis)
 
-Axis is a large and robust css utility library built on top of [stylus](https://github.com/stylus/stylus).
+Axis is a modern, modular, & powerful css toolkit built on top of ~~Stylus~~ web standards (available today with [Postcss](https://github.com/postcss/postcss) & [cssnext](https://github.com/MoOx/postcss-cssnext)).
 
-### Installation
+> **Note**: This is a pre-release for a total Axis rework moving away from Stylus. [More info here](https://github.com/static-dev/axis/pull/323)
 
-You can install axis through npm, as such:
+## Installation
 
+You can install Axis through npm:
+
+```
+npm install axis@alpha --save
 ```
-npm install axis --save
+
+Then make sure you are using postcss-import and call Axis at the top of your css:
+
+```css
+@import 'axis';
+
+/* Your awesome css here */
 ```
 
-### Documentation
+## Documentation
+
+You can find [full documentation for Axis here](#).
+
+## Try it out
+
+Dive in and see how it works in the [codepen playground](http://codepen.io/dbox/pen/NdpWPM?editors=1100).
+
+## Bloat free
 
-You can find [full documentation for axis here](http://axis.netlify.com). This includes usage instructions for integration with gulp, grunt, express, and more, as well as detailed and permalink-able documentation for each mixin that axis offers.
+Since Axis is a mixin library, it actually adds zero size to your code. That's right, when you include Axis and compile it, _not a single character is added to your code_.
 
-### Library Size
+The only time it adds anything are when you use its mixins, which are engineered carefully to be as slim and concise as possible, and only use spec-compliant css3\. This means that you can make Axis' entire library of utilities available for free, use only what you like, and almost certainly add up with _less_ code than if you wrote it yourself. Good deal, right?
 
-Some people have expressed concern that axis is too large of a library and they would prefer a smaller one, where they use a higher percentage of the mixins offered. But since axis is a mixin library, it actually adds zero size to your code. That's right, when you include axis and compile it, *not a single character is added to your code*.
+## Where's the Stylus version?
 
-The only time it adds anything are when you use its mixins, which are engineered carefully to be as slim and concise as possible, and only use spec-compliant css3. This means that you can make axis' entire library of utilities available for free, use only what you like, and almost certainly add up with *less* code than if you wrote it yourself. Good deal, right?
+Want to keep using the Stylus version? No problem! The `1.0.0` [branch](https://github.com/static-dev/axis/tree/1.0.0) and [release](https://github.com/static-dev/axis/releases/tag/v1.0.0) will always be available.
 
-### Browser Prefixing
+## Future friendly
 
-Axis does not include any cross-browser code at all, only pure css3 as defined by the official spec. If you want your code to work better across browsers, we would recommend that you use [autoprefixer](https://github.com/postcss/autoprefixer), a library that is extraordinarily good at ensuring your css works correctly in the range of browsers you need it to.
+Part of the reason for the switch from Stylus is so that Axis can be future friendly. All of the code is now part of w3c spec, so eventually all browsers will support Axis features out of the box. But, thanks to [cssnext](https://github.com/MoOx/postcss-cssnext), we can use all these features, today. Good deal indeed!
 
-### Miscellaneous
+## Miscellaneous
 
 - Details on the license [can be found here](license.md)
 - Details on running tests and contributing [can be found here](contributing.md)
diff --git a/test/additive.html b/test/additive.html
deleted file mode 100644
index 5e50616..0000000
--- a/test/additive.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!doctype html>
-<html>
-
-  <head>
-    <title>Axis Additive Mixins Visual Test</title>
-    <!-- framework: includes base, typography, forms, buttons, code-blocks, tables -->
-    <link rel='stylesheet' href='fixtures/additive/framework.css' >
-  </head>
-
-  <body>
-    <p>hello world</p>
-    <div><div class="btn">click me!</div></div>
-    <div><div class="btn-fancy">click me too!</div></div>
-    <div><div class="btn disabled">can't click me : (</div></div>
-    <strong>bold</strong>
-    <em>italic</em>
-    <h1>heading 1</h1>
-    <h2>heading 2</h2>
-    <h3>heading 3</h3>
-    <h4>heading 4</h4>
-    <h5>heading 5</h5>
-    <h6>heading 6</h6>
-    <ul>
-      <li>foo</li>
-      <li>bar</li>
-      <li>baz</li>
-    </ul>
-    <ol>
-      <li>foo</li>
-      <li>bar</li>
-      <li>baz</li>
-    </ol>
-    <div><small>oh so small</small></div>
-    <div><a href="#">look, a link!</a></div>
-    <blockquote>
-      <p>Imdabes</p>
-      <cite>some guy</cite>
-    </blockquote>
-    <div><input type="text" /></div>
-    <div><input type="text" class="disabled" disabled></div>
-    <div><input type="text" class="error"></div>
-    <div><input type="text" class="warning"></div>
-    <div><input type="text" class="success"></div>
-    <div><code>wow codez</code></div>
-    <pre>wow moar codez</pre>
-    <table>
-      <tr>
-        <td>foo</td>
-        <td>bar</td>
-        <td>baz</td>
-      </tr>
-      <tr>
-        <td>wow</td>
-        <td>ssh</td>
-        <td>doge</td>
-      </tr>
-    </table>
-  </body>
-
-</html>
diff --git a/test/fixtures/additive/framework.css b/test/fixtures/additive/framework.css
deleted file mode 100644
index 268d223..0000000
--- a/test/fixtures/additive/framework.css
+++ /dev/null
@@ -1,555 +0,0 @@
-html {
-  font-size: 16px;
-  font-size: 100%;
-}
-body {
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  color: #555;
-  -webkit-font-smoothing: antialiased;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  font-size-adjust: auto;
-}
-b {
-  font-weight: bold;
-}
-i {
-  font-style: italic;
-}
-strong {
-  font-weight: bold;
-}
-em {
-  font-style: italic;
-}
-h1 {
-  font-size: 38.4px;
-  font-size: 2.4rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-h2 {
-  font-size: 28.8px;
-  font-size: 1.8rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-h3 {
-  font-size: 24px;
-  font-size: 1.5rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-h4 {
-  font-size: 20.8px;
-  font-size: 1.3rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-h5 {
-  font-size: 16px;
-  font-size: 1rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-h6 {
-  font-size: 14.4px;
-  font-size: 0.9rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-  text-transform: uppercase;
-}
-ul {
-  margin: 5px 15px;
-  margin: 0.32rem 0.94rem;
-  padding-left: 1rem;
-}
-ul li {
-  list-style-type: disc;
-  padding: 2px 0;
-  padding: 0.125rem;
-}
-ol {
-  margin: 5px 18px;
-  margin: 0.32rem 1.125rem;
-  padding-left: 1rem;
-}
-ol li {
-  list-style-type: decimal;
-  padding: 2px 0;
-  padding: 0.125rem;
-}
-::-moz-selection {
-  background: #0074d9;
-  color: #494949;
-}
-::selection {
-  background: #0074d9;
-  color: #494949;
-}
-p {
-  font-size: 1rem;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-small {
-  font-size: 55%;
-  opacity: 0.6;
-  font-weight: normal;
-}
-a {
-  color: #0074d9;
-  text-decoration: none;
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-  border-bottom: 1px solid transparent;
-}
-a:hover {
-  border-bottom: 1px solid;
-}
-a:hover {
-  color: #0063b8;
-}
-a:visited {
-  opacity: 0.8;
-}
-blockquote {
-  border-left: 4px solid #0074d9;
-  margin: 1em 0;
-  padding-left: 1.5em;
-}
-blockquote:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-blockquote > p {
-  font-weight: 300;
-  font-size: 127%;
-  font-size: 1.27rem;
-  line-height: 127%;
-  line-height: 1.27rem;
-  margin-top: 0;
-}
-blockquote > cite,
-blockquote > footer,
-blockquote > figcaption {
-  color: #888;
-}
-blockquote > cite:before,
-blockquote > footer:before,
-blockquote > figcaption:before {
-  content: '\2014';
-}
-.hyphenation {
-  -ms-word-break: break-all;
-  word-break: break-all;
-  word-break: break-word;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-  -webkit-hyphenate-before: 2;
-  -webkit-hyphenate-after: 3;
-  hyphenate-lines: 3;
-}
-input[type='email'],
-input[type='number'],
-input[type='password'],
-input[type='search'],
-input[type='tel'],
-input[type='text'],
-input[type='url'],
-input[type='color'],
-input[type='date'],
-input[type='datetime'],
-input[type='datetime-local'],
-input[type='month'],
-input[type='time'],
-input[type='week'],
-textarea {
-  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  border: solid 1px #bbb;
-  border-radius: 0.2em;
-  outline: none;
-  padding: 0.45em;
-  background: #fff;
-  color: #555;
-  width: 250px;
-  text-shadow: 0 0 1px rgba(255,255,255,0.1);
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-}
-input[type='email']:focus,
-input[type='number']:focus,
-input[type='password']:focus,
-input[type='search']:focus,
-input[type='tel']:focus,
-input[type='text']:focus,
-input[type='url']:focus,
-input[type='color']:focus,
-input[type='date']:focus,
-input[type='datetime']:focus,
-input[type='datetime-local']:focus,
-input[type='month']:focus,
-input[type='time']:focus,
-input[type='week']:focus,
-textarea:focus {
-  box-shadow: 0 0 5px rgba(127,219,255,0.7);
-  border: 1px solid #95d1e9;
-  outline: none;
-}
-input[type='email'].disabled,
-input[type='number'].disabled,
-input[type='password'].disabled,
-input[type='search'].disabled,
-input[type='tel'].disabled,
-input[type='text'].disabled,
-input[type='url'].disabled,
-input[type='color'].disabled,
-input[type='date'].disabled,
-input[type='datetime'].disabled,
-input[type='datetime-local'].disabled,
-input[type='month'].disabled,
-input[type='time'].disabled,
-input[type='week'].disabled,
-textarea.disabled {
-  cursor: not-allowed;
-  background: #f5f5f5;
-}
-input[type='email'].disabled:hover,
-input[type='number'].disabled:hover,
-input[type='password'].disabled:hover,
-input[type='search'].disabled:hover,
-input[type='tel'].disabled:hover,
-input[type='text'].disabled:hover,
-input[type='url'].disabled:hover,
-input[type='color'].disabled:hover,
-input[type='date'].disabled:hover,
-input[type='datetime'].disabled:hover,
-input[type='datetime-local'].disabled:hover,
-input[type='month'].disabled:hover,
-input[type='time'].disabled:hover,
-input[type='week'].disabled:hover,
-textarea.disabled:hover,
-input[type='email'].disabled:focus,
-input[type='number'].disabled:focus,
-input[type='password'].disabled:focus,
-input[type='search'].disabled:focus,
-input[type='tel'].disabled:focus,
-input[type='text'].disabled:focus,
-input[type='url'].disabled:focus,
-input[type='color'].disabled:focus,
-input[type='date'].disabled:focus,
-input[type='datetime'].disabled:focus,
-input[type='datetime-local'].disabled:focus,
-input[type='month'].disabled:focus,
-input[type='time'].disabled:focus,
-input[type='week'].disabled:focus,
-textarea.disabled:focus {
-  border-color: #bbb;
-  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-}
-input[type='email'].success,
-input[type='number'].success,
-input[type='password'].success,
-input[type='search'].success,
-input[type='tel'].success,
-input[type='text'].success,
-input[type='url'].success,
-input[type='color'].success,
-input[type='date'].success,
-input[type='datetime'].success,
-input[type='datetime-local'].success,
-input[type='month'].success,
-input[type='time'].success,
-input[type='week'].success,
-textarea.success {
-  color: #2ecc40;
-  border-color: #2ecc40;
-}
-input[type='email'].success:focus,
-input[type='number'].success:focus,
-input[type='password'].success:focus,
-input[type='search'].success:focus,
-input[type='tel'].success:focus,
-input[type='text'].success:focus,
-input[type='url'].success:focus,
-input[type='color'].success:focus,
-input[type='date'].success:focus,
-input[type='datetime'].success:focus,
-input[type='datetime-local'].success:focus,
-input[type='month'].success:focus,
-input[type='time'].success:focus,
-input[type='week'].success:focus,
-textarea.success:focus {
-  box-shadow: 0 0 5px rgba(46,204,64,0.7);
-  border: 1px solid #4ab055;
-  outline: none;
-}
-input[type='email'].warning,
-input[type='number'].warning,
-input[type='password'].warning,
-input[type='search'].warning,
-input[type='tel'].warning,
-input[type='text'].warning,
-input[type='url'].warning,
-input[type='color'].warning,
-input[type='date'].warning,
-input[type='datetime'].warning,
-input[type='datetime-local'].warning,
-input[type='month'].warning,
-input[type='time'].warning,
-input[type='week'].warning,
-textarea.warning {
-  color: #d9bb00;
-  border-color: #ffdc00;
-}
-input[type='email'].warning:focus,
-input[type='number'].warning:focus,
-input[type='password'].warning:focus,
-input[type='search'].warning:focus,
-input[type='tel'].warning:focus,
-input[type='text'].warning:focus,
-input[type='url'].warning:focus,
-input[type='color'].warning:focus,
-input[type='date'].warning:focus,
-input[type='datetime'].warning:focus,
-input[type='datetime-local'].warning:focus,
-input[type='month'].warning:focus,
-input[type='time'].warning:focus,
-input[type='week'].warning:focus,
-textarea.warning:focus {
-  box-shadow: 0 0 5px rgba(255,220,0,0.7);
-  border: 1px solid #d2bc2d;
-  outline: none;
-}
-input[type='email'].error,
-input[type='number'].error,
-input[type='password'].error,
-input[type='search'].error,
-input[type='tel'].error,
-input[type='text'].error,
-input[type='url'].error,
-input[type='color'].error,
-input[type='date'].error,
-input[type='datetime'].error,
-input[type='datetime-local'].error,
-input[type='month'].error,
-input[type='time'].error,
-input[type='week'].error,
-textarea.error {
-  color: #d13f19;
-  border-color: #d13f19;
-}
-input[type='email'].error:focus,
-input[type='number'].error:focus,
-input[type='password'].error:focus,
-input[type='search'].error:focus,
-input[type='tel'].error:focus,
-input[type='text'].error:focus,
-input[type='url'].error:focus,
-input[type='color'].error:focus,
-input[type='date'].error:focus,
-input[type='datetime'].error:focus,
-input[type='datetime-local'].error:focus,
-input[type='month'].error:focus,
-input[type='time'].error:focus,
-input[type='week'].error:focus,
-textarea.error:focus {
-  box-shadow: 0 0 5px rgba(209,63,25,0.7);
-  border: 1px solid #b15239;
-  outline: none;
-}
-.btn {
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-  font-size: 13px;
-  padding: 10px 22px;
-  border-radius: 3px;
-  background-color: #0074d9;
-  color: #fff;
-  cursor: pointer;
-  font-weight: bold;
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  line-height: 1em;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  border: none;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.btn:hover,
-.btn:focus {
-  background-color: #006ece;
-  color: #f7f7f7;
-  border: none;
-}
-.btn:active {
-  background-color: #0068c3;
-}
-.btn-fancy {
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-  font-size: 13px;
-  padding: 10px 22px;
-  border-radius: 3px;
-  background: #0084f6;
-  background: #0068c3 -webkit-linear-gradient(top, #0084f6, #0068c3) repeat-x;
-  background: #0068c3 linear-gradient(180deg, #0084f6, #0068c3) repeat-x;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-  border: 1px solid #0068c3;
-  color: #fff;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
-  cursor: pointer;
-  font-weight: bold;
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  line-height: 1em;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.btn-fancy:hover,
-.btn-fancy:focus {
-  background-position: 0 -10px;
-  color: #f7f7f7;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-}
-.btn-fancy:active {
-  box-shadow: inset 0 1px 5px rgba(0,87,163,0.6);
-  text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
-  border-color: #005fb2;
-}
-.btn.disabled,
-.btn-simple.disabled {
-  background: #ccc;
-  border-color: #b8b8b8;
-  opacity: 0.5;
-  cursor: default;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.btn.disabled:hover,
-.btn-simple.disabled:hover {
-  background: #ccc;
-  background-position: 0 0;
-}
-.btn.disabled:active,
-.btn-simple.disabled:active {
-  background: #ccc;
-  box-shadow: none;
-  border-color: #b8b8b8;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-}
-code {
-  padding: 3px 4px;
-  color: #df5c33;
-  background-color: #f5f5f5;
-  border: 1px solid #e1e1e8;
-  border-radius: 3px;
-  font-family: Menlo, Monaco, 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
-}
-pre {
-  display: block;
-  padding: 7px;
-  background-color: #f5f5f5;
-  border: 1px solid #e1e1e8;
-  border-radius: 3px;
-  white-space: pre-wrap;
-  word-break: break-all;
-  font-family: Menlo, Monaco, 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
-  line-height: 160%;
-}
-table {
-  max-width: 100%;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-  margin-bottom: 18px;
-  border: 1px solid #ddd;
-  border-collapse: separate;
-  *border-collapse: collapsed;
-  border-radius: 4px;
-}
-table th,
-table td {
-  padding: 8px;
-  line-height: 18px;
-  text-align: left;
-  vertical-align: top;
-  border-top: 1px solid #ddd;
-}
-table th {
-  font-weight: bold;
-}
-table thead th {
-  vertical-align: bottom;
-}
-table thead:first-child tr th,
-table thead:first-child tr td {
-  border-top: 0;
-}
-table tbody + tbody {
-  border-top: 2px solid #ddd;
-}
-table th + th,
-table td + td,
-table th + td,
-table td + th {
-  border-left: 1px solid #ddd;
-}
-table thead:first-child tr:first-child th,
-table tbody:first-child tr:first-child th,
-table tbody:first-child tr:first-child td {
-  border-top: 0;
-}
-table thead:first-child tr:first-child th:first-child,
-table tbody:first-child tr:first-child td:first-child {
-  border-radius: 4px 0 0 0;
-}
-table thead:first-child tr:first-child th:last-child,
-table tbody:first-child tr:first-child td:last-child {
-  border-radius: 0 4px 0 0;
-}
-table thead:last-child tr:last-child th:first-child,
-table tbody:last-child tr:last-child td:first-child {
-  border-radius: 0 0 0 4px;
-}
-table thead:last-child tr:last-child th:last-child,
-table tbody:last-child tr:last-child td:last-child {
-  border-radius: 0 0 4px 0;
-}
-table tbody tr:nth-child(odd) td,
-table tbody tr:nth-child(odd) th {
-  background-color: #f9f9f9;
-}
-table tbody tr:hover td,
-table tbody tr:hover th {
-  background-color: #f5f5f5;
-}
diff --git a/test/fixtures/additive/framework.styl b/test/fixtures/additive/framework.styl
deleted file mode 100644
index f3aa1ae..0000000
--- a/test/fixtures/additive/framework.styl
+++ /dev/null
@@ -1 +0,0 @@
-framework()
diff --git a/test/fixtures/buttons/button.css b/test/fixtures/buttons/button.css
deleted file mode 100644
index 1e1ad2b..0000000
--- a/test/fixtures/buttons/button.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.button {
-  font-size: 13px;
-  padding: 10px 22px;
-  border-radius: 3px;
-  background-color: #0074d9;
-  color: #fff;
-  cursor: pointer;
-  font-weight: bold;
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  line-height: 1em;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  border: none;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.button:hover,
-.button:focus {
-  background-color: #006ece;
-  color: #f7f7f7;
-  border: none;
-}
-.button:active {
-  background-color: #0068c3;
-}
diff --git a/test/fixtures/buttons/button.styl b/test/fixtures/buttons/button.styl
deleted file mode 100644
index fc77c4b..0000000
--- a/test/fixtures/buttons/button.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.button
-  button()
diff --git a/test/fixtures/buttons/glossy-button.css b/test/fixtures/buttons/glossy-button.css
deleted file mode 100644
index f604a74..0000000
--- a/test/fixtures/buttons/glossy-button.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.glossy-button {
-  font-size: 13px;
-  padding: 10px 22px;
-  border-radius: 3px;
-  background: #0084f6;
-  background: #0068c3 -webkit-linear-gradient(top, #0084f6, #0068c3) repeat-x;
-  background: #0068c3 linear-gradient(180deg, #0084f6, #0068c3) repeat-x;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
-  border: 1px solid #0068c3;
-  color: #fff;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
-  cursor: pointer;
-  font-weight: bold;
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  line-height: 1em;
-  text-align: center;
-  text-decoration: none;
-  display: inline-block;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.glossy-button:hover,
-.glossy-button:focus {
-  background-position: 0 -10px;
-  color: #f7f7f7;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-}
-.glossy-button:active {
-  box-shadow: inset 0 1px 5px rgba(0,87,163,0.6);
-  text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
-  border-color: #005fb2;
-}
diff --git a/test/fixtures/buttons/glossy-button.styl b/test/fixtures/buttons/glossy-button.styl
deleted file mode 100644
index deb9e2c..0000000
--- a/test/fixtures/buttons/glossy-button.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.glossy-button
-  glossy-button()
diff --git a/test/fixtures/code/code.css b/test/fixtures/code/code.css
deleted file mode 100644
index 5ddcf30..0000000
--- a/test/fixtures/code/code.css
+++ /dev/null
@@ -1,8 +0,0 @@
-code {
-  padding: 3px 4px;
-  color: #df5c33;
-  background-color: #f5f5f5;
-  border: 1px solid #e1e1e8;
-  border-radius: 3px;
-  font-family: Menlo, Monaco, 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
-}
diff --git a/test/fixtures/code/code.styl b/test/fixtures/code/code.styl
deleted file mode 100644
index 7d4a144..0000000
--- a/test/fixtures/code/code.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-code
-  code()
diff --git a/test/fixtures/code/pre.css b/test/fixtures/code/pre.css
deleted file mode 100644
index 9a4904b..0000000
--- a/test/fixtures/code/pre.css
+++ /dev/null
@@ -1,11 +0,0 @@
-pre {
-  display: block;
-  padding: 7px;
-  background-color: #f5f5f5;
-  border: 1px solid #e1e1e8;
-  border-radius: 3px;
-  white-space: pre-wrap;
-  word-break: break-all;
-  font-family: Menlo, Monaco, 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
-  line-height: 160%;
-}
diff --git a/test/fixtures/code/pre.styl b/test/fixtures/code/pre.styl
deleted file mode 100644
index 952686a..0000000
--- a/test/fixtures/code/pre.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-pre
-  pre()
diff --git a/test/fixtures/forms/autofill.css b/test/fixtures/forms/autofill.css
deleted file mode 100644
index 72a3ef3..0000000
--- a/test/fixtures/forms/autofill.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.autofill input:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0px 1000px #0074d9 inset;
-  -webkit-text-fill-color: #fff !important;
-}
-.autofill input:-moz-autofill {
-  -moz-text-fill-color: #fff !important;
-  -moz-box-shadow: 0 0 0px 1000px #0074d9 inset;
-}
-.autofill input:-o-autofill {
-  -o-text-fill-color: !important;
-  -o-box-shadow: 0 0 0px 1000px #0074d9 inset;
-}
-.autofill input:-khtml-autofill {
-  -khtml-text-fill-color: #fff !important;
-  -khtml-box-shadow: 0 0 0px 1000px #0074d9 inset;
-}
diff --git a/test/fixtures/forms/autofill.styl b/test/fixtures/forms/autofill.styl
deleted file mode 100644
index 25804b0..0000000
--- a/test/fixtures/forms/autofill.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.autofill input
-  autofill()
diff --git a/test/fixtures/forms/field-error.css b/test/fixtures/forms/field-error.css
deleted file mode 100644
index fea1c5b..0000000
--- a/test/fixtures/forms/field-error.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.field-error {
-  color: #d13f19;
-}
-.field-error input {
-  color: #d13f19;
-  border-color: #d13f19;
-}
-.field-error input:focus {
-  box-shadow: 0 0 5px rgba(209,63,25,0.7);
-  border: 1px solid #b15239;
-  outline: none;
-}
diff --git a/test/fixtures/forms/field-error.styl b/test/fixtures/forms/field-error.styl
deleted file mode 100644
index 046eab1..0000000
--- a/test/fixtures/forms/field-error.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.field-error
-  field-error()
diff --git a/test/fixtures/forms/field-success.css b/test/fixtures/forms/field-success.css
deleted file mode 100644
index d475c7d..0000000
--- a/test/fixtures/forms/field-success.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.field-success {
-  color: #2ecc40;
-}
-.field-success input {
-  color: #2ecc40;
-  border-color: #2ecc40;
-}
-.field-success input:focus {
-  box-shadow: 0 0 5px rgba(46,204,64,0.7);
-  border: 1px solid #4ab055;
-  outline: none;
-}
diff --git a/test/fixtures/forms/field-success.styl b/test/fixtures/forms/field-success.styl
deleted file mode 100644
index fd0fdbe..0000000
--- a/test/fixtures/forms/field-success.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.field-success
-  field-success()
diff --git a/test/fixtures/forms/field-warning.css b/test/fixtures/forms/field-warning.css
deleted file mode 100644
index 9fc4238..0000000
--- a/test/fixtures/forms/field-warning.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.field-warning {
-  color: #d9bb00;
-}
-.field-warning input {
-  color: #d9bb00;
-  border-color: #ffdc00;
-}
-.field-warning input:focus {
-  box-shadow: 0 0 5px rgba(255,220,0,0.7);
-  border: 1px solid #d2bc2d;
-  outline: none;
-}
diff --git a/test/fixtures/forms/field-warning.styl b/test/fixtures/forms/field-warning.styl
deleted file mode 100644
index a97308c..0000000
--- a/test/fixtures/forms/field-warning.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.field-warning
-  field-warning()
diff --git a/test/fixtures/forms/field.css b/test/fixtures/forms/field.css
deleted file mode 100644
index b9b1244..0000000
--- a/test/fixtures/forms/field.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.field {
-  clear: both;
-  margin-bottom: 5px;
-  text-align: right;
-  width: 370px;
-}
diff --git a/test/fixtures/forms/field.styl b/test/fixtures/forms/field.styl
deleted file mode 100644
index 1be6392..0000000
--- a/test/fixtures/forms/field.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.field
-  field()
diff --git a/test/fixtures/forms/input-disabled.css b/test/fixtures/forms/input-disabled.css
deleted file mode 100644
index 15b0e26..0000000
--- a/test/fixtures/forms/input-disabled.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.input-disabled {
-  cursor: not-allowed;
-  background: #f5f5f5;
-}
-.input-disabled:hover,
-.input-disabled:focus {
-  border-color: #bbb;
-  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-}
diff --git a/test/fixtures/forms/input-disabled.styl b/test/fixtures/forms/input-disabled.styl
deleted file mode 100644
index 45dbe72..0000000
--- a/test/fixtures/forms/input-disabled.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.input-disabled
-  input-disabled()
diff --git a/test/fixtures/forms/input-error.css b/test/fixtures/forms/input-error.css
deleted file mode 100644
index a969eac..0000000
--- a/test/fixtures/forms/input-error.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.input-error {
-  color: #d13f19;
-  border-color: #d13f19;
-}
-.input-error:focus {
-  box-shadow: 0 0 5px rgba(209,63,25,0.7);
-  border: 1px solid #b15239;
-  outline: none;
-}
diff --git a/test/fixtures/forms/input-error.styl b/test/fixtures/forms/input-error.styl
deleted file mode 100644
index 4ce6792..0000000
--- a/test/fixtures/forms/input-error.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.input-error
-  input-error()
diff --git a/test/fixtures/forms/input-search.css b/test/fixtures/forms/input-search.css
deleted file mode 100644
index 17e3d5b..0000000
--- a/test/fixtures/forms/input-search.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.input-search {
-  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  border: solid 1px #bbb;
-  border-radius: 0.2em;
-  outline: none;
-  padding: 0.45em;
-  background: #fff;
-  color: #555;
-  width: 250px;
-  text-shadow: 0 0 1px rgba(255,255,255,0.1);
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-  padding-left: 9px;
-  border-radius: 999px;
-}
-.input-search:focus {
-  box-shadow: 0 0 5px rgba(127,219,255,0.7);
-  border: 1px solid #95d1e9;
-  outline: none;
-}
diff --git a/test/fixtures/forms/input-search.styl b/test/fixtures/forms/input-search.styl
deleted file mode 100644
index 86c9647..0000000
--- a/test/fixtures/forms/input-search.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.input-search
-  input-search()
diff --git a/test/fixtures/forms/input-success.css b/test/fixtures/forms/input-success.css
deleted file mode 100644
index fe5389b..0000000
--- a/test/fixtures/forms/input-success.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.input-success {
-  color: #2ecc40;
-  border-color: #2ecc40;
-}
-.input-success:focus {
-  box-shadow: 0 0 5px rgba(46,204,64,0.7);
-  border: 1px solid #4ab055;
-  outline: none;
-}
diff --git a/test/fixtures/forms/input-success.styl b/test/fixtures/forms/input-success.styl
deleted file mode 100644
index b2cbb6f..0000000
--- a/test/fixtures/forms/input-success.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.input-success
-  input-success()
diff --git a/test/fixtures/forms/input-warning.css b/test/fixtures/forms/input-warning.css
deleted file mode 100644
index cbe6761..0000000
--- a/test/fixtures/forms/input-warning.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.input-warning {
-  color: #d9bb00;
-  border-color: #ffdc00;
-}
-.input-warning:focus {
-  box-shadow: 0 0 5px rgba(255,220,0,0.7);
-  border: 1px solid #d2bc2d;
-  outline: none;
-}
diff --git a/test/fixtures/forms/input-warning.styl b/test/fixtures/forms/input-warning.styl
deleted file mode 100644
index a5d0965..0000000
--- a/test/fixtures/forms/input-warning.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.input-warning
-  input-warning()
diff --git a/test/fixtures/forms/input.css b/test/fixtures/forms/input.css
deleted file mode 100644
index 7e1ac59..0000000
--- a/test/fixtures/forms/input.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.input {
-  box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-  -webkit-font-smoothing: antialiased;
-  font-size: 16px;
-  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
-  border: solid 1px #bbb;
-  border-radius: 0.2em;
-  outline: none;
-  padding: 0.45em;
-  background: #fff;
-  color: #555;
-  width: 250px;
-  text-shadow: 0 0 1px rgba(255,255,255,0.1);
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-}
-.input:focus {
-  box-shadow: 0 0 5px rgba(127,219,255,0.7);
-  border: 1px solid #95d1e9;
-  outline: none;
-}
diff --git a/test/fixtures/forms/input.styl b/test/fixtures/forms/input.styl
deleted file mode 100644
index 6b9b8e8..0000000
--- a/test/fixtures/forms/input.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.input
-  input()
diff --git a/test/fixtures/forms/label.css b/test/fixtures/forms/label.css
deleted file mode 100644
index 67e5e13..0000000
--- a/test/fixtures/forms/label.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.label {
-  line-height: 1.5em;
-  display: inline-block;
-}
diff --git a/test/fixtures/forms/label.styl b/test/fixtures/forms/label.styl
deleted file mode 100644
index 8c90077..0000000
--- a/test/fixtures/forms/label.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.label
-  label()
diff --git a/test/fixtures/forms/radio.css b/test/fixtures/forms/radio.css
deleted file mode 100644
index fadfae1..0000000
--- a/test/fixtures/forms/radio.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.radio {
-  cursor: pointer;
-  display: block;
-  line-height: 2.5em;
-}
-.radio [type="radio"] {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-.radio [type="radio"] + span {
-  display: block;
-}
-.radio [type="radio"] + span:before {
-  background: rgba(0,0,0,0.15);
-  border: 0.125em solid #fff;
-  border-radius: 1em;
-  box-shadow: 0 0 0 0.1em rgba(0,0,0,0.25);
-  content: '';
-  display: inline-block;
-  height: 1em;
-  margin-right: 0.75em;
-  -webkit-transition: 0.5s ease all;
-  transition: 0.5s ease all;
-  vertical-align: -0.33em;
-  width: 1em;
-}
-.radio [type="radio"]:checked + span:before,
-.radio [type="radio"]:focus + span:before {
-  background: #0074d9;
-  box-shadow: 0 0 0 0.25em rgba(0,0,0,0.15);
-}
diff --git a/test/fixtures/forms/radio.styl b/test/fixtures/forms/radio.styl
deleted file mode 100644
index d4e7566..0000000
--- a/test/fixtures/forms/radio.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.radio
-  radio()
diff --git a/test/fixtures/forms/range.css b/test/fixtures/forms/range.css
deleted file mode 100644
index 7d59b96..0000000
--- a/test/fixtures/forms/range.css
+++ /dev/null
@@ -1,91 +0,0 @@
-.range {
-  -webkit-appearance: none;
-  width: 100%;
-  margin: 0;
-  outline: none;
-  background: transparent;
-}
-.range::-webkit-slider-runnable-track {
-  background: rgba(0,0,0,0.1);
-  border: none;
-  border-radius: 0.5em;
-  height: 0.5em;
-  width: 100%;
-}
-.range::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  border: none;
-  height: 2em;
-  width: 2em;
-  border-radius: 50%;
-  background: #0074d9;
-  margin-top: calc(-2em / 2 + 0.5em / 2);
-  -webkit-transition: all 0.2s ease;
-  transition: all 0.2s ease;
-}
-.range::-webkit-slider-thumb:hover {
-  -webkit-transform: scale(1.2);
-          transform: scale(1.2);
-  cursor: pointer;
-}
-.range::-webkit-slider-thumb:active {
-  background: #0063b8;
-}
-.range:focus {
-  outline: none;
-}
-.range:focus::-webkit-slider-runnable-track {
-  background: rgba(0,0,0,0.1);
-}
-.range::-moz-range-track {
-  width: 100%;
-  height: 0.5em;
-  background: rgba(0,0,0,0.1);
-  border: none;
-  border-radius: 0.5em;
-}
-.range::-moz-range-thumb {
-  border: none;
-  height: 2em;
-  width: 2em;
-  border-radius: 50%;
-  background: #0074d9;
-  -webkit-transition: all 0.2s ease;
-  transition: all 0.2s ease;
-}
-.range::-moz-range-thumb:hover {
-  transform: scale(1.2);
-}
-.range::-moz-range-thumb:active {
-  background: #0063b8;
-}
-.range::-moz-focus-outer {
-  border: 0;
-}
-.range::-ms-track {
-  height: 0.5em;
-  width: 100%;
-  background: transparent;
-  border-width: calc(2em / 2 + 0.5em / 2) 0;
-  color: transparent;
-}
-.range::-ms-fill-lower,
-.range::-ms-fill-upper,
-.range:focus::-ms-fill-lower,
-.range:focus::-ms-fill-upper {
-  background: rgba(0,0,0,0.1);
-  border-radius: 10px;
-}
-.range::-ms-thumb {
-  border: none;
-  height: 2em;
-  width: 2em;
-  border-radius: 50%;
-  background: #0074d9;
-}
-.range::-ms-thumb:active {
-  background: #0063b8;
-}
-.range::-ms-tooltip {
-  display: none;
-}
diff --git a/test/fixtures/forms/range.styl b/test/fixtures/forms/range.styl
deleted file mode 100644
index 0209cb1..0000000
--- a/test/fixtures/forms/range.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.range
-  range-input()
diff --git a/test/fixtures/gradients/gradient.css b/test/fixtures/gradients/gradient.css
deleted file mode 100644
index cb19af7..0000000
--- a/test/fixtures/gradients/gradient.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.gradient-twocolor {
-  background: #d13f19;
-  background: #0074d9 -webkit-linear-gradient(top, #d13f19, #0074d9) repeat-x;
-  background: #0074d9 linear-gradient(180deg, #d13f19, #0074d9) repeat-x;
-}
-.gradient-onecolor {
-  background: #e44921;
-  background: #bc3917 -webkit-linear-gradient(top, #e44921, #bc3917) repeat-x;
-  background: #bc3917 linear-gradient(180deg, #e44921, #bc3917) repeat-x;
-}
diff --git a/test/fixtures/gradients/gradient.styl b/test/fixtures/gradients/gradient.styl
deleted file mode 100644
index b70fcff..0000000
--- a/test/fixtures/gradients/gradient.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.gradient-twocolor
-  gradient: red blue
-
-.gradient-onecolor
-  gradient: red
diff --git a/test/fixtures/gradients/image-gradient.css b/test/fixtures/gradients/image-gradient.css
deleted file mode 100644
index c015ba7..0000000
--- a/test/fixtures/gradients/image-gradient.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.image-gradient-twocolor {
-  background: #d13f19;
-  background: url("foo.png") repeat, #0074d9 -webkit-linear-gradient(top, #d13f19, #0074d9) repeat-x;
-  background: url("foo.png") repeat, #0074d9 linear-gradient(180deg, #d13f19, #0074d9) repeat-x;
-}
-.image-gradient-onecolor {
-  background: #e44921;
-  background: url("foo.png") repeat, #bc3917 -webkit-linear-gradient(top, #e44921, #bc3917) repeat-x;
-  background: url("foo.png") repeat, #bc3917 linear-gradient(180deg, #e44921, #bc3917) repeat-x;
-}
diff --git a/test/fixtures/gradients/image-gradient.styl b/test/fixtures/gradients/image-gradient.styl
deleted file mode 100644
index 396e23b..0000000
--- a/test/fixtures/gradients/image-gradient.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.image-gradient-twocolor
-  image-gradient: red blue 'foo.png'
-
-.image-gradient-onecolor
-  image-gradient: red 'foo.png'
diff --git a/test/fixtures/images/bg.css b/test/fixtures/images/bg.css
deleted file mode 100644
index 135877b..0000000
--- a/test/fixtures/images/bg.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.bg {
-  background: url("foo.png") no-repeat;
-}
-.bg-retina {
-  background: url("foo.png") no-repeat;
-  background-size: 300px 500px;
-  width: 300px;
-  height: 500px;
-}
-.bg-retina-repeat {
-  background: url("foo.png") repeat center;
-  background-size: 300px 500px;
-}
diff --git a/test/fixtures/images/bg.styl b/test/fixtures/images/bg.styl
deleted file mode 100644
index d81efb2..0000000
--- a/test/fixtures/images/bg.styl
+++ /dev/null
@@ -1,8 +0,0 @@
-.bg
-  bg: 'foo.png'
-
-.bg-retina
-  bg-retina: 'foo.png' 300px 500px
-
-.bg-retina-repeat
-  bg-retina: 'foo.png' 300px 500px repeat center
diff --git a/test/fixtures/images/image-cache.css b/test/fixtures/images/image-cache.css
deleted file mode 100644
index 80a3fd7..0000000
--- a/test/fixtures/images/image-cache.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.element-1 {
-  background: url("img/image1.png");
-}
-.element-2 {
-  background: url("img/image2.png");
-}
-body:after {
-  display: none;
-  content: url("img/image1.png") url("img/image2.png");
-}
diff --git a/test/fixtures/images/image-cache.styl b/test/fixtures/images/image-cache.styl
deleted file mode 100644
index 24b2c82..0000000
--- a/test/fixtures/images/image-cache.styl
+++ /dev/null
@@ -1,7 +0,0 @@
-.element-1
-  background: cached-image-url('img/image1.png')
-
-.element-2
-  background: cached-image-url('img/image2.png')
-
-cache-images()
diff --git a/test/fixtures/images/image-replace.css b/test/fixtures/images/image-replace.css
deleted file mode 100644
index daa0f82..0000000
--- a/test/fixtures/images/image-replace.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.image-replace {
-  font: 0/0 a;
-  text-shadow: none;
-  color: transparent;
-  background: url("foo.png") no-repeat;
-  width: 200px;
-  height: 300px;
-}
-.ir {
-  font: 0/0 a;
-  text-shadow: none;
-  color: transparent;
-  background: url("foo.png") no-repeat;
-  width: 200px;
-  height: 300px;
-}
diff --git a/test/fixtures/images/image-replace.styl b/test/fixtures/images/image-replace.styl
deleted file mode 100644
index a85049c..0000000
--- a/test/fixtures/images/image-replace.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.image-replace
-  image-replace('foo.png', 200 300)
-
-.ir
-  ir('foo.png', 200 300)
diff --git a/test/fixtures/images/sprite.css b/test/fixtures/images/sprite.css
deleted file mode 100644
index 5e9c291..0000000
--- a/test/fixtures/images/sprite.css
+++ /dev/null
@@ -1,12 +0,0 @@
-.sprite-vert {
-  background: url("foo.png") no-repeat;
-  height: 50px;
-  overflow: hidden;
-  background-position: 0 -100px;
-}
-.sprite-horiz {
-  background: url("foo.png") no-repeat;
-  width: 50px;
-  overflow: hidden;
-  background-position: 150px 0;
-}
diff --git a/test/fixtures/images/sprite.styl b/test/fixtures/images/sprite.styl
deleted file mode 100644
index b440967..0000000
--- a/test/fixtures/images/sprite.styl
+++ /dev/null
@@ -1,11 +0,0 @@
-.sprite-vert
-  bg: 'foo.png'
-  height: 50px
-  overflow: hidden
-  sprite: 2
-
-.sprite-horiz
-  bg: 'foo.png'
-  width: 50px
-  overflow: hidden
-  sprite: 3 horizontal
diff --git a/test/fixtures/interaction/click-down.css b/test/fixtures/interaction/click-down.css
deleted file mode 100644
index 22653ac..0000000
--- a/test/fixtures/interaction/click-down.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.click-down:active {
-  -webkit-transform: translateY(1px);
-          transform: translateY(1px);
-}
diff --git a/test/fixtures/interaction/click-down.styl b/test/fixtures/interaction/click-down.styl
deleted file mode 100644
index b44a6df..0000000
--- a/test/fixtures/interaction/click-down.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.click-down
-  click-down()
diff --git a/test/fixtures/interaction/click-inset.css b/test/fixtures/interaction/click-inset.css
deleted file mode 100644
index a889d9a..0000000
--- a/test/fixtures/interaction/click-inset.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.click-inset:active {
-  box-shadow: inset 0px 10px 20px rgba(0,0,0,0.35);
-}
diff --git a/test/fixtures/interaction/click-inset.styl b/test/fixtures/interaction/click-inset.styl
deleted file mode 100644
index ff578b3..0000000
--- a/test/fixtures/interaction/click-inset.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.click-inset
-  click-inset()
diff --git a/test/fixtures/interaction/click-shadow.css b/test/fixtures/interaction/click-shadow.css
deleted file mode 100644
index eddb043..0000000
--- a/test/fixtures/interaction/click-shadow.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.click-shadow:active {
-  box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.25);
-}
diff --git a/test/fixtures/interaction/click-shadow.styl b/test/fixtures/interaction/click-shadow.styl
deleted file mode 100644
index 83dd87c..0000000
--- a/test/fixtures/interaction/click-shadow.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.click-shadow
-  click-shadow()
diff --git a/test/fixtures/interaction/click-shrink.css b/test/fixtures/interaction/click-shrink.css
deleted file mode 100644
index 6bbc511..0000000
--- a/test/fixtures/interaction/click-shrink.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.click-shrink:active {
-  -webkit-transform: scale(0.92);
-          transform: scale(0.92);
-}
diff --git a/test/fixtures/interaction/click-shrink.styl b/test/fixtures/interaction/click-shrink.styl
deleted file mode 100644
index be9d333..0000000
--- a/test/fixtures/interaction/click-shrink.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.click-shrink
-  click-shrink()
diff --git a/test/fixtures/interaction/hover-color.css b/test/fixtures/interaction/hover-color.css
deleted file mode 100644
index 5141e6f..0000000
--- a/test/fixtures/interaction/hover-color.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.hover-color {
-  background: #d13f19;
-}
-.hover-color:hover {
-  background-color: #0074d9;
-}
diff --git a/test/fixtures/interaction/hover-color.styl b/test/fixtures/interaction/hover-color.styl
deleted file mode 100644
index 5d6e2c9..0000000
--- a/test/fixtures/interaction/hover-color.styl
+++ /dev/null
@@ -1,3 +0,0 @@
-.hover-color
-  background: red
-  hover-color: blue
diff --git a/test/fixtures/interaction/hover-darken.css b/test/fixtures/interaction/hover-darken.css
deleted file mode 100644
index cf939bc..0000000
--- a/test/fixtures/interaction/hover-darken.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.hover-darken {
-  background: #d13f19;
-}
-.hover-darken:hover {
-  background-color: #b23615;
-}
diff --git a/test/fixtures/interaction/hover-darken.styl b/test/fixtures/interaction/hover-darken.styl
deleted file mode 100644
index 80c5735..0000000
--- a/test/fixtures/interaction/hover-darken.styl
+++ /dev/null
@@ -1,3 +0,0 @@
-.hover-darken
-  background: red
-  hover-darken()
diff --git a/test/fixtures/interaction/hover-fade.css b/test/fixtures/interaction/hover-fade.css
deleted file mode 100644
index abcf381..0000000
--- a/test/fixtures/interaction/hover-fade.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.hover-fade:hover {
-  opacity: 0.5;
-}
diff --git a/test/fixtures/interaction/hover-fade.styl b/test/fixtures/interaction/hover-fade.styl
deleted file mode 100644
index 6292975..0000000
--- a/test/fixtures/interaction/hover-fade.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.hover-fade
-  hover-fade()
diff --git a/test/fixtures/interaction/hover-float.css b/test/fixtures/interaction/hover-float.css
deleted file mode 100644
index baa8ced..0000000
--- a/test/fixtures/interaction/hover-float.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.hover-float {
-  position: relative;
-}
-.hover-float:before {
-  pointer-events: none;
-  position: absolute;
-  z-index: -1;
-  content: '';
-  top: 108%;
-  left: 5%;
-  height: 10px;
-  width: 90%;
-  opacity: 0;
-  background: -webkit-radial-gradient(center ellipse, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 80%);
-  background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 80%);
-}
-.hover-float:hover {
-  -webkit-transform: translateY(-7px);
-          transform: translateY(-7px);
-}
-.hover-float:hover:before {
-  opacity: 1;
-  -webkit-transform: scale(1);
-          transform: scale(1);
-}
diff --git a/test/fixtures/interaction/hover-float.styl b/test/fixtures/interaction/hover-float.styl
deleted file mode 100644
index 6727499..0000000
--- a/test/fixtures/interaction/hover-float.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.hover-float
-  hover-float()
diff --git a/test/fixtures/interaction/hover-glow.css b/test/fixtures/interaction/hover-glow.css
deleted file mode 100644
index 7d95ea0..0000000
--- a/test/fixtures/interaction/hover-glow.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.hover-glow:hover {
-  box-shadow: 0px 0px 20px 2px rgba(0,116,217,0.8);
-}
diff --git a/test/fixtures/interaction/hover-glow.styl b/test/fixtures/interaction/hover-glow.styl
deleted file mode 100644
index 730fb33..0000000
--- a/test/fixtures/interaction/hover-glow.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.hover-glow
-  hover-glow()
diff --git a/test/fixtures/interaction/hover-lighten.css b/test/fixtures/interaction/hover-lighten.css
deleted file mode 100644
index 322ec7d..0000000
--- a/test/fixtures/interaction/hover-lighten.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.hover-lighten {
-  background: #d13f19;
-}
-.hover-lighten:hover {
-  background-color: #e6542d;
-}
diff --git a/test/fixtures/interaction/hover-lighten.styl b/test/fixtures/interaction/hover-lighten.styl
deleted file mode 100644
index 1294843..0000000
--- a/test/fixtures/interaction/hover-lighten.styl
+++ /dev/null
@@ -1,3 +0,0 @@
-.hover-lighten
-  background: red
-  hover-lighten()
diff --git a/test/fixtures/interaction/hover-pop.css b/test/fixtures/interaction/hover-pop.css
deleted file mode 100644
index 2fe0139..0000000
--- a/test/fixtures/interaction/hover-pop.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.hover-pop:hover {
-  position: relative;
-  z-index: 10;
-  -webkit-transform: scale(1.2);
-          transform: scale(1.2);
-}
diff --git a/test/fixtures/interaction/hover-pop.styl b/test/fixtures/interaction/hover-pop.styl
deleted file mode 100644
index e5007c2..0000000
--- a/test/fixtures/interaction/hover-pop.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.hover-pop
-  hover-pop()
diff --git a/test/fixtures/interaction/hover-underline.css b/test/fixtures/interaction/hover-underline.css
deleted file mode 100644
index d516166..0000000
--- a/test/fixtures/interaction/hover-underline.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.hover-underline {
-  border-bottom: 1px solid transparent;
-}
-.hover-underline:hover {
-  border-bottom: 1px solid;
-}
diff --git a/test/fixtures/interaction/hover-underline.styl b/test/fixtures/interaction/hover-underline.styl
deleted file mode 100644
index 86e8893..0000000
--- a/test/fixtures/interaction/hover-underline.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.hover-underline
-  hover-underline()
diff --git a/test/fixtures/layout/columns.css b/test/fixtures/layout/columns.css
deleted file mode 100644
index 3140c8a..0000000
--- a/test/fixtures/layout/columns.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.columns {
-  -webkit-column-count: 3;
-     -moz-column-count: 3;
-          column-count: 3;
-  -webkit-column-gap: 30px;
-     -moz-column-gap: 30px;
-          column-gap: 30px;
-}
-.avoid-break {
-  column-break-inside: avoid;
-}
diff --git a/test/fixtures/layout/columns.styl b/test/fixtures/layout/columns.styl
deleted file mode 100644
index 4ed8d0d..0000000
--- a/test/fixtures/layout/columns.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.columns
-  columns()
-
-.avoid-break
-  avoid-column-break()
diff --git a/test/fixtures/layout/group.css b/test/fixtures/layout/group.css
deleted file mode 100644
index f4228b9..0000000
--- a/test/fixtures/layout/group.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.group:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.clearfix:after {
-  content: "";
-  display: block;
-  clear: both;
-}
diff --git a/test/fixtures/layout/group.styl b/test/fixtures/layout/group.styl
deleted file mode 100644
index 4b5e0cc..0000000
--- a/test/fixtures/layout/group.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.group
-  group()
-
-.clearfix
-  clearfix()
diff --git a/test/fixtures/layout/media.css b/test/fixtures/layout/media.css
deleted file mode 100644
index 8a1a933..0000000
--- a/test/fixtures/layout/media.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.media {
-  overflow: hidden;
-  zoom: 1;
-}
-.media > * {
-  display: inline-block;
-  overflow: hidden;
-}
-.media > *:first-child {
-  float: left;
-  margin-right: 10px;
-}
-.media > *:nth-child(3) {
-  float: right;
-  margin-left: 10px;
-}
diff --git a/test/fixtures/layout/media.styl b/test/fixtures/layout/media.styl
deleted file mode 100644
index bd02eec..0000000
--- a/test/fixtures/layout/media.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.media
-  media-object()
diff --git a/test/fixtures/layout/position.css b/test/fixtures/layout/position.css
deleted file mode 100644
index 68b314d..0000000
--- a/test/fixtures/layout/position.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.absolute {
-  position: absolute;
-  top: 20px;
-  left: 30px;
-}
-.auto {
-  position: relative;
-  top: auto;
-  right: auto;
-}
diff --git a/test/fixtures/layout/position.styl b/test/fixtures/layout/position.styl
deleted file mode 100644
index 22f084f..0000000
--- a/test/fixtures/layout/position.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.absolute
-    absolute top 20px left 30px
-
-.auto
-    relative top auto right auto
diff --git a/test/fixtures/layout/ratio-box.css b/test/fixtures/layout/ratio-box.css
deleted file mode 100644
index 6f458a5..0000000
--- a/test/fixtures/layout/ratio-box.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.ratio-box {
-  overflow: hidden;
-  position: relative;
-}
-.ratio-box:before {
-  content: '';
-  display: block;
-  height: 0;
-  padding-top: 56.25%;
-}
diff --git a/test/fixtures/layout/ratio-box.styl b/test/fixtures/layout/ratio-box.styl
deleted file mode 100644
index 6d05902..0000000
--- a/test/fixtures/layout/ratio-box.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.ratio-box
-  ratio-box(16/9)
\ No newline at end of file
diff --git a/test/fixtures/layout/rule.css b/test/fixtures/layout/rule.css
deleted file mode 100644
index 2035487..0000000
--- a/test/fixtures/layout/rule.css
+++ /dev/null
@@ -1,7 +0,0 @@
-hr {
-  border: 0;
-  border-bottom: 1px solid rgba(0,0,0,0.15);
-  height: 0;
-  padding: 0;
-  margin: 1.5em 0;
-}
diff --git a/test/fixtures/layout/rule.styl b/test/fixtures/layout/rule.styl
deleted file mode 100644
index 4c889f8..0000000
--- a/test/fixtures/layout/rule.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-hr
-  rule()
diff --git a/test/fixtures/layout/table-layout.css b/test/fixtures/layout/table-layout.css
deleted file mode 100644
index 52ab210..0000000
--- a/test/fixtures/layout/table-layout.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.tl {
-  display: table;
-  table-layout: fixed;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-.tl > * {
-  display: table-cell;
-}
diff --git a/test/fixtures/layout/table-layout.styl b/test/fixtures/layout/table-layout.styl
deleted file mode 100644
index 56a0794..0000000
--- a/test/fixtures/layout/table-layout.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.tl
-  tl()
diff --git a/test/fixtures/layout/vertical-align.css b/test/fixtures/layout/vertical-align.css
deleted file mode 100644
index 82f1526..0000000
--- a/test/fixtures/layout/vertical-align.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.vertical-align {
-  background-color: #eee;
-  height: 150px;
-  margin: 0 0 10px 0;
-  width: 100%;
-}
-.vertical-align .inner-div {
-  position: relative;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-.vertical-align .inner-div.reset {
-  position: relative;
-  top: 0;
-  -webkit-transform: translateY(0);
-          transform: translateY(0);
-}
diff --git a/test/fixtures/layout/vertical-align.styl b/test/fixtures/layout/vertical-align.styl
deleted file mode 100644
index 01c9215..0000000
--- a/test/fixtures/layout/vertical-align.styl
+++ /dev/null
@@ -1,11 +0,0 @@
-.vertical-align
-  background-color: #EEE
-  height: 150px
-  margin: 0 0 10px 0
-  width: 100%
-
-  .inner-div
-    vertically-align()
-
-    &.reset
-      vertically-align(false)
diff --git a/test/fixtures/reset/border-box-html.css b/test/fixtures/reset/border-box-html.css
deleted file mode 100644
index 498362f..0000000
--- a/test/fixtures/reset/border-box-html.css
+++ /dev/null
@@ -1,8 +0,0 @@
-html {
-  box-sizing: border-box;
-}
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
diff --git a/test/fixtures/reset/border-box-html.styl b/test/fixtures/reset/border-box-html.styl
deleted file mode 100644
index 5ee903f..0000000
--- a/test/fixtures/reset/border-box-html.styl
+++ /dev/null
@@ -1 +0,0 @@
-border-box-html()
diff --git a/test/fixtures/reset/fluid-media.css b/test/fixtures/reset/fluid-media.css
deleted file mode 100644
index 2d94e01..0000000
--- a/test/fixtures/reset/fluid-media.css
+++ /dev/null
@@ -1,9 +0,0 @@
-img,
-video,
-iframe {
-  max-width: 100%;
-  height: auto;
-  border: 0;
-  -ms-interpolation-mode: bicubic;
-  display: block;
-}
diff --git a/test/fixtures/reset/fluid-media.styl b/test/fixtures/reset/fluid-media.styl
deleted file mode 100644
index 98c5f37..0000000
--- a/test/fixtures/reset/fluid-media.styl
+++ /dev/null
@@ -1 +0,0 @@
-fluid-media()
diff --git a/test/fixtures/reset/print-styles.css b/test/fixtures/reset/print-styles.css
deleted file mode 100644
index da47ebd..0000000
--- a/test/fixtures/reset/print-styles.css
+++ /dev/null
@@ -1,125 +0,0 @@
-@media print {
-  body {
-    width: 100% !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    font-size: 14pt;
-    line-height: 1.45;
-    font-family: Garamond, "Times New Roman", serif;
-    color: #000;
-    background: none;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    page-break-after: avoid;
-    font-family: "Helvetica", Arial, sans-serif;
-  }
-  h1 {
-    font-size: 36pt;
-    line-height: 1.25em;
-  }
-  h2 {
-    font-size: 24pt;
-    line-height: 1.25em;
-  }
-  h3 {
-    font-size: 18pt;
-    line-height: 1.25em;
-  }
-  h4,
-  h5,
-  h6 {
-    font-size: 14pt;
-    line-height: 1.25em;
-  }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-  code {
-    font: 12pt Courier, 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
-  }
-  blockquote {
-    margin: 1.2em;
-    padding: 1em;
-    font-size: 24pt;
-    line-height: 1.45833333em;
-    font-style: italic;
-  }
-  hr {
-    background-color: #ccc;
-  }
-  img {
-    float: left;
-    margin: 1em 1.5em 1.5em 0;
-    max-width: 100% !important;
-  }
-  a img {
-    border: none;
-  }
-  a:link,
-  a:visited {
-    background: transparent;
-    font-weight: 700;
-    text-decoration: underline;
-    color: #333;
-  }
-  a:link[href^="http://"]:after,
-  a[href^="http://"]:visited:after {
-    content: " (" attr(href) ") ";
-    font-size: 90%;
-  }
-  abbr[title]:after {
-    content: " (" attr(title) ")";
-  }
-  a[href^="http://"] {
-    color: #000;
-  }
-  a[href$=".jpg"]:after,
-  a[href$=".jpeg"]:after,
-  a[href$=".gif"]:after,
-  a[href$=".png"]:after {
-    content: " (" attr(href) ") ";
-    display: none;
-  }
-  a[href^="#"]:after,
-  a[href^="javascript:"]:after {
-    content: "";
-  }
-  table {
-    margin: 1px;
-    text-align: left;
-  }
-  th {
-    border-bottom: 1px solid #333;
-    font-weight: bold;
-  }
-  td {
-    border-bottom: 1px solid #333;
-  }
-  th,
-  td {
-    padding: 4px 10px 4px 0;
-  }
-  tfoot {
-    font-style: italic;
-  }
-  caption {
-    background: #fff;
-    margin-bottom: 2em;
-    text-align: left;
-  }
-  thead {
-    display: table-header-group;
-  }
-  img,
-  tr {
-    page-break-inside: avoid;
-  }
-}
diff --git a/test/fixtures/reset/print-styles.styl b/test/fixtures/reset/print-styles.styl
deleted file mode 100644
index b404b14..0000000
--- a/test/fixtures/reset/print-styles.styl
+++ /dev/null
@@ -1 +0,0 @@
-print-styles()
diff --git a/test/fixtures/tables/table.css b/test/fixtures/tables/table.css
deleted file mode 100644
index d599f63..0000000
--- a/test/fixtures/tables/table.css
+++ /dev/null
@@ -1,67 +0,0 @@
-.table {
-  max-width: 100%;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-  margin-bottom: 18px;
-  border: 1px solid #ddd;
-  border-collapse: separate;
-  *border-collapse: collapsed;
-  border-radius: 4px;
-}
-.table th,
-.table td {
-  padding: 8px;
-  line-height: 18px;
-  text-align: left;
-  vertical-align: top;
-  border-top: 1px solid #ddd;
-}
-.table th {
-  font-weight: bold;
-}
-.table thead th {
-  vertical-align: bottom;
-}
-.table thead:first-child tr th,
-.table thead:first-child tr td {
-  border-top: 0;
-}
-.table tbody + tbody {
-  border-top: 2px solid #ddd;
-}
-.table th + th,
-.table td + td,
-.table th + td,
-.table td + th {
-  border-left: 1px solid #ddd;
-}
-.table thead:first-child tr:first-child th,
-.table tbody:first-child tr:first-child th,
-.table tbody:first-child tr:first-child td {
-  border-top: 0;
-}
-.table thead:first-child tr:first-child th:first-child,
-.table tbody:first-child tr:first-child td:first-child {
-  border-radius: 4px 0 0 0;
-}
-.table thead:first-child tr:first-child th:last-child,
-.table tbody:first-child tr:first-child td:last-child {
-  border-radius: 0 4px 0 0;
-}
-.table thead:last-child tr:last-child th:first-child,
-.table tbody:last-child tr:last-child td:first-child {
-  border-radius: 0 0 0 4px;
-}
-.table thead:last-child tr:last-child th:last-child,
-.table tbody:last-child tr:last-child td:last-child {
-  border-radius: 0 0 4px 0;
-}
-.table tbody tr:nth-child(odd) td,
-.table tbody tr:nth-child(odd) th {
-  background-color: #f9f9f9;
-}
-.table tbody tr:hover td,
-.table tbody tr:hover th {
-  background-color: #f5f5f5;
-}
diff --git a/test/fixtures/tables/table.styl b/test/fixtures/tables/table.styl
deleted file mode 100644
index d4251ee..0000000
--- a/test/fixtures/tables/table.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.table
-  table()
diff --git a/test/fixtures/typography/blockquo.css b/test/fixtures/typography/blockquo.css
deleted file mode 100644
index 50d4051..0000000
--- a/test/fixtures/typography/blockquo.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.blockquote {
-  border-left: 4px solid #0074d9;
-  margin: 1em 0;
-  padding-left: 1.5em;
-}
-.blockquote:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.blockquote > p {
-  font-weight: 300;
-  font-size: 127%;
-  font-size: 1.27rem;
-  line-height: 127%;
-  line-height: 1.27rem;
-  margin-top: 0;
-}
-.blockquote > cite,
-.blockquote > footer,
-.blockquote > figcaption {
-  color: #888;
-}
-.blockquote > cite:before,
-.blockquote > footer:before,
-.blockquote > figcaption:before {
-  content: '\2014';
-}
diff --git a/test/fixtures/typography/blockquo.styl b/test/fixtures/typography/blockquo.styl
deleted file mode 100644
index eb03268..0000000
--- a/test/fixtures/typography/blockquo.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.blockquote
-  blockquo()
diff --git a/test/fixtures/typography/cases.css b/test/fixtures/typography/cases.css
deleted file mode 100644
index 4dbff16..0000000
--- a/test/fixtures/typography/cases.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.lowercase {
-  text-transform: lowercase;
-}
-.downcase {
-  text-transform: lowercase;
-}
-.uppercase {
-  text-transform: uppercase;
-}
-.upcase {
-  text-transform: uppercase;
-}
-.reset-case {
-  text-transform: none;
-}
diff --git a/test/fixtures/typography/cases.styl b/test/fixtures/typography/cases.styl
deleted file mode 100644
index c17c62b..0000000
--- a/test/fixtures/typography/cases.styl
+++ /dev/null
@@ -1,14 +0,0 @@
-.lowercase
-  lowercase()
-
-.downcase
-  downcase()
-
-.uppercase
-  uppercase()
-
-.upcase
-  upcase()
-
-.reset-case
-  reset-case()
diff --git a/test/fixtures/typography/ellipsis.css b/test/fixtures/typography/ellipsis.css
deleted file mode 100644
index b98821a..0000000
--- a/test/fixtures/typography/ellipsis.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.ellipsis {
-  white-space: nowrap;
-  display: inline-block;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-wrap: normal;
-}
diff --git a/test/fixtures/typography/ellipsis.styl b/test/fixtures/typography/ellipsis.styl
deleted file mode 100644
index 2de6486..0000000
--- a/test/fixtures/typography/ellipsis.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.ellipsis
-  ellipsis()
diff --git a/test/fixtures/typography/font-face.css b/test/fixtures/typography/font-face.css
deleted file mode 100644
index e891f0e..0000000
--- a/test/fixtures/typography/font-face.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@font-face {
-  font-family: 'font-name';
-  src: url("/folder/font-name.eot?#iefix") format('embedded-opentype'), url("/folder/font-name.woff") format('woff'), url("/folder/font-name.ttf") format('truetype'), url("/folder/font-name.eot#font-name") format('svg');
-  font-weight: normal;
-  font-style: normal;
-}
diff --git a/test/fixtures/typography/font-face.styl b/test/fixtures/typography/font-face.styl
deleted file mode 100644
index 7396c5b..0000000
--- a/test/fixtures/typography/font-face.styl
+++ /dev/null
@@ -1 +0,0 @@
-font-face('font-name', '/folder')
diff --git a/test/fixtures/typography/font-weight.css b/test/fixtures/typography/font-weight.css
deleted file mode 100644
index 5c2f7c1..0000000
--- a/test/fixtures/typography/font-weight.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.bold {
-  font-weight: bold;
-}
-.italic {
-  font-style: italic;
-}
-.normal {
-  font-weight: normal;
-  font-style: normal;
-}
diff --git a/test/fixtures/typography/font-weight.styl b/test/fixtures/typography/font-weight.styl
deleted file mode 100644
index b89fca0..0000000
--- a/test/fixtures/typography/font-weight.styl
+++ /dev/null
@@ -1,8 +0,0 @@
-.bold
-  bold()
-
-.italic
-  italic()
-
-.normal
-  normal()
diff --git a/test/fixtures/typography/fs.css b/test/fixtures/typography/fs.css
deleted file mode 100644
index f27b8bc..0000000
--- a/test/fixtures/typography/fs.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.fs-px {
-  font-size: 12px;
-}
-.fs-rem {
-  font-size: 19px;
-  font-size: 1.2rem;
-}
diff --git a/test/fixtures/typography/fs.styl b/test/fixtures/typography/fs.styl
deleted file mode 100644
index 5762b36..0000000
--- a/test/fixtures/typography/fs.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.fs-px
-  fs: 12px
-
-.fs-rem
-  fs: 1.2rem
diff --git a/test/fixtures/typography/headlines.css b/test/fixtures/typography/headlines.css
deleted file mode 100644
index ace7b21..0000000
--- a/test/fixtures/typography/headlines.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.h1 {
-  font-size: 38.4px;
-  font-size: 2.4rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-.h2 {
-  font-size: 28.8px;
-  font-size: 1.8rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-.h3 {
-  font-size: 24px;
-  font-size: 1.5rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-.h4 {
-  font-size: 20.8px;
-  font-size: 1.3rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-.h5 {
-  font-size: 16px;
-  font-size: 1rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-.h6 {
-  font-size: 14.4px;
-  font-size: 0.9rem;
-  text-rendering: optimizelegibility;
-  font-weight: bold;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-  text-transform: uppercase;
-}
diff --git a/test/fixtures/typography/headlines.styl b/test/fixtures/typography/headlines.styl
deleted file mode 100644
index bbebe05..0000000
--- a/test/fixtures/typography/headlines.styl
+++ /dev/null
@@ -1,17 +0,0 @@
-.h1
-  h1()
-
-.h2
-  h2()
-
-.h3
-  h3()
-
-.h4
-  h4()
-
-.h5
-  h5()
-
-.h6
-  h6()
diff --git a/test/fixtures/typography/hyphenation.css b/test/fixtures/typography/hyphenation.css
deleted file mode 100644
index f40559c..0000000
--- a/test/fixtures/typography/hyphenation.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.hyphenation {
-  -ms-word-break: break-all;
-  word-break: break-all;
-  word-break: break-word;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-  -webkit-hyphenate-before: 2;
-  -webkit-hyphenate-after: 3;
-  hyphenate-lines: 3;
-}
diff --git a/test/fixtures/typography/hyphenation.styl b/test/fixtures/typography/hyphenation.styl
deleted file mode 100644
index a26ffbc..0000000
--- a/test/fixtures/typography/hyphenation.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.hyphenation
-  hyphenation()
diff --git a/test/fixtures/typography/link.css b/test/fixtures/typography/link.css
deleted file mode 100644
index 6980443..0000000
--- a/test/fixtures/typography/link.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.link {
-  color: #0074d9;
-  text-decoration: none;
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-  border-bottom: 1px solid transparent;
-}
-.link:hover {
-  border-bottom: 1px solid;
-}
-.link:hover {
-  color: #0063b8;
-}
-.link:visited {
-  opacity: 0.8;
-}
-.reset-link {
-  color: #0074d9;
-  text-decoration: none;
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-  border-bottom: 1px solid transparent;
-  border: none;
-  text-decoration: none;
-  color: initial;
-}
-.reset-link:hover {
-  border-bottom: 1px solid;
-}
-.reset-link:hover {
-  color: #0063b8;
-}
-.reset-link:visited {
-  opacity: 0.8;
-}
-.reset-link:hover {
-  border: none;
-  text-decoration: none;
-  color: initial;
-}
-.reset-link:visited {
-  opacity: 1;
-}
diff --git a/test/fixtures/typography/link.styl b/test/fixtures/typography/link.styl
deleted file mode 100644
index f2adcb3..0000000
--- a/test/fixtures/typography/link.styl
+++ /dev/null
@@ -1,6 +0,0 @@
-.link
-  link()
-
-.reset-link
-  link()
-  reset-link()
diff --git a/test/fixtures/typography/lists.css b/test/fixtures/typography/lists.css
deleted file mode 100644
index 2133238..0000000
--- a/test/fixtures/typography/lists.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.ul {
-  margin: 5px 15px;
-  margin: 0.32rem 0.94rem;
-  padding-left: 1rem;
-}
-.ul li {
-  list-style-type: disc;
-  padding: 2px 0;
-  padding: 0.125rem;
-}
-.ol {
-  margin: 5px 18px;
-  margin: 0.32rem 1.125rem;
-  padding-left: 1rem;
-}
-.ol li {
-  list-style-type: decimal;
-  padding: 2px 0;
-  padding: 0.125rem;
-}
-.inline-list {
-  margin: 0;
-  padding: 0;
-}
-.inline-list:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.inline-list li {
-  float: left;
-  margin-right: 20px;
-  list-style-type: none;
-}
-.inline-list li:last-child {
-  margin-right: 0;
-}
-.reset-list {
-  margin: 0;
-  padding: 0;
-}
-.reset-list li {
-  float: none;
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-}
diff --git a/test/fixtures/typography/lists.styl b/test/fixtures/typography/lists.styl
deleted file mode 100644
index 1763818..0000000
--- a/test/fixtures/typography/lists.styl
+++ /dev/null
@@ -1,11 +0,0 @@
-.ul
-  ul()
-
-.ol
-  ol()
-
-.inline-list
-  inline-list()
-
-.reset-list
-  reset-list()
diff --git a/test/fixtures/typography/paragraph.css b/test/fixtures/typography/paragraph.css
deleted file mode 100644
index 1f715cc..0000000
--- a/test/fixtures/typography/paragraph.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.p {
-  font-size: 1rem;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
-.p2 {
-  font-size: 1rem;
-  margin: 0.75em 0;
-  line-height: 1.6em;
-}
diff --git a/test/fixtures/typography/paragraph.styl b/test/fixtures/typography/paragraph.styl
deleted file mode 100644
index c0c074c..0000000
--- a/test/fixtures/typography/paragraph.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.p
-  p()
-
-.p2
-  paragraph()
diff --git a/test/fixtures/typography/raquo.css b/test/fixtures/typography/raquo.css
deleted file mode 100644
index e29865b..0000000
--- a/test/fixtures/typography/raquo.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.raquo:after {
-  content: " \00BB";
-}
diff --git a/test/fixtures/typography/raquo.styl b/test/fixtures/typography/raquo.styl
deleted file mode 100644
index 165c341..0000000
--- a/test/fixtures/typography/raquo.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.raquo
-  raquo()
diff --git a/test/fixtures/typography/shadow-stroke.css b/test/fixtures/typography/shadow-stroke.css
deleted file mode 100644
index c34a6b1..0000000
--- a/test/fixtures/typography/shadow-stroke.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.shadow-stroke {
-  color: #fff;
-  text-shadow: -1px -1px 0 #9cf, 1px -1px 0 #9cf, -1px 1px 0 #9cf, 1px 1px 0 #9cf;
-}
diff --git a/test/fixtures/typography/shadow-stroke.styl b/test/fixtures/typography/shadow-stroke.styl
deleted file mode 100644
index 33c2617..0000000
--- a/test/fixtures/typography/shadow-stroke.styl
+++ /dev/null
@@ -1,3 +0,0 @@
-.shadow-stroke
-  color: white
-  shadow-stroke(#99ccff)
diff --git a/test/fixtures/typography/small.css b/test/fixtures/typography/small.css
deleted file mode 100644
index 76ebe93..0000000
--- a/test/fixtures/typography/small.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.small {
-  font-size: 55%;
-  opacity: 0.6;
-  font-weight: normal;
-}
diff --git a/test/fixtures/typography/small.styl b/test/fixtures/typography/small.styl
deleted file mode 100644
index f92100e..0000000
--- a/test/fixtures/typography/small.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.small
-  small()
diff --git a/test/fixtures/typography/text-margin.css b/test/fixtures/typography/text-margin.css
deleted file mode 100644
index 4500c23..0000000
--- a/test/fixtures/typography/text-margin.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.text-margin {
-  margin: 12px 0;
-}
-.text-margin2 {
-  font-size: 22px;
-  margin: 0.75em 0;
-}
diff --git a/test/fixtures/typography/text-margin.styl b/test/fixtures/typography/text-margin.styl
deleted file mode 100644
index 8b85b48..0000000
--- a/test/fixtures/typography/text-margin.styl
+++ /dev/null
@@ -1,6 +0,0 @@
-.text-margin
-  text-margin()
-
-.text-margin2
-  font-size: 22px
-  text-margin()
diff --git a/test/fixtures/typography/text-select.css b/test/fixtures/typography/text-select.css
deleted file mode 100644
index f8c73a2..0000000
--- a/test/fixtures/typography/text-select.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.text-select::-moz-selection {
-  background: #0074d9;
-  color: #494949;
-}
-.text-select::selection {
-  background: #0074d9;
-  color: #494949;
-}
diff --git a/test/fixtures/typography/text-select.styl b/test/fixtures/typography/text-select.styl
deleted file mode 100644
index 77cc4f5..0000000
--- a/test/fixtures/typography/text-select.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.text-select
-  text-selection()
diff --git a/test/fixtures/ui/area.css b/test/fixtures/ui/area.css
deleted file mode 100644
index 8b9c528..0000000
--- a/test/fixtures/ui/area.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.area {
-  box-shadow: inset 0 0 6px rgba(0,0,0,0.05);
-  background-color: #f5f5f5;
-  padding: 15px;
-  border-radius: 4px;
-  margin: 20px 0;
-}
diff --git a/test/fixtures/ui/area.styl b/test/fixtures/ui/area.styl
deleted file mode 100644
index 0c0d3b8..0000000
--- a/test/fixtures/ui/area.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.area
-  area()
diff --git a/test/fixtures/ui/breadcrumb.css b/test/fixtures/ui/breadcrumb.css
deleted file mode 100644
index 4cddccd..0000000
--- a/test/fixtures/ui/breadcrumb.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.breadcrumb {
-  margin: 0;
-  padding: 0;
-}
-.breadcrumb:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.breadcrumb li {
-  float: left;
-  margin-right: 10px;
-  list-style-type: none;
-}
-.breadcrumb li:last-child {
-  margin-right: 0;
-}
-.breadcrumb li:not(:last-child):after {
-  content: "/";
-  margin-left: 10px;
-  color: #cdcdcd;
-}
diff --git a/test/fixtures/ui/breadcrumb.styl b/test/fixtures/ui/breadcrumb.styl
deleted file mode 100644
index 877e9ec..0000000
--- a/test/fixtures/ui/breadcrumb.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.breadcrumb
-  breadcrumb()
diff --git a/test/fixtures/ui/bubble.css b/test/fixtures/ui/bubble.css
deleted file mode 100644
index 504040a..0000000
--- a/test/fixtures/ui/bubble.css
+++ /dev/null
@@ -1,533 +0,0 @@
-.bubble {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 11.3px solid transparent;
-  border-right: 11.3px solid transparent;
-  border-top: 11.3px solid #d0d0d0;
-  position: absolute;
-  bottom: -11.3px;
-  left: 14px;
-  display: block;
-}
-.bubble:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-top: 10px solid #e7e7e7;
-  position: absolute;
-  bottom: -10px;
-  left: 15px;
-  display: block;
-}
-.bubble-tl {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-tl:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-tl:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 11.3px solid transparent;
-  border-right: 11.3px solid transparent;
-  border-bottom: 11.3px solid #d0d0d0;
-  position: absolute;
-  top: -11.3px;
-  left: 14px;
-  display: block;
-}
-.bubble-tl:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #e7e7e7;
-  position: absolute;
-  top: -10px;
-  left: 15px;
-  display: block;
-}
-.bubble-tr {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-tr:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-tr:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 11.3px solid transparent;
-  border-right: 11.3px solid transparent;
-  border-bottom: 11.3px solid #d0d0d0;
-  position: absolute;
-  top: -11.3px;
-  right: 14px;
-  display: block;
-}
-.bubble-tr:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #e7e7e7;
-  position: absolute;
-  top: -10px;
-  right: 15px;
-  display: block;
-}
-.bubble-tc {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-tc:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-tc:before {
-  margin-top: auto;
-  margin-left: -10.65px;
-  width: 0;
-  height: 0;
-  border-left: 11.3px solid transparent;
-  border-right: 11.3px solid transparent;
-  border-bottom: 11.3px solid #d0d0d0;
-  position: absolute;
-  top: -11.3px;
-  left: 50%;
-  display: block;
-}
-.bubble-tc:after {
-  margin-top: auto;
-  margin-left: -10px;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #e7e7e7;
-  position: absolute;
-  top: -10px;
-  left: 50%;
-  display: block;
-}
-.bubble-bl {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-bl:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-bl:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 11.3px solid transparent;
-  border-right: 11.3px solid transparent;
-  border-top: 11.3px solid #d0d0d0;
-  position: absolute;
-  bottom: -11.3px;
-  left: 14px;
-  display: block;
-}
-.bubble-bl:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-top: 10px solid #e7e7e7;
-  position: absolute;
-  bottom: -10px;
-  left: 15px;
-  display: block;
-}
-.bubble-br {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-br:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-br:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 11.3px solid transparent;
-  border-right: 11.3px solid transparent;
-  border-top: 11.3px solid #d0d0d0;
-  position: absolute;
-  bottom: -11.3px;
-  right: 14px;
-  display: block;
-}
-.bubble-br:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-top: 10px solid #e7e7e7;
-  position: absolute;
-  bottom: -10px;
-  right: 15px;
-  display: block;
-}
-.bubble-bc {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-bc:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-bc:before {
-  margin-top: auto;
-  margin-left: -10.65px;
-  width: 0;
-  height: 0;
-  border-left: 11.3px solid transparent;
-  border-right: 11.3px solid transparent;
-  border-top: 11.3px solid #d0d0d0;
-  position: absolute;
-  bottom: -11.3px;
-  left: 50%;
-  display: block;
-}
-.bubble-bc:after {
-  margin-top: auto;
-  margin-left: -10px;
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-top: 10px solid #e7e7e7;
-  position: absolute;
-  bottom: -10px;
-  left: 50%;
-  display: block;
-}
-.bubble-lt {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-lt:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-lt:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 11.3px solid transparent;
-  border-bottom: 11.3px solid transparent;
-  border-right: 11.3px solid #d0d0d0;
-  position: absolute;
-  top: 14px;
-  left: -11.3px;
-  display: block;
-}
-.bubble-lt:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-right: 10px solid #e7e7e7;
-  position: absolute;
-  top: 15px;
-  left: -10px;
-  display: block;
-}
-.bubble-lb {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-lb:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-lb:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 11.3px solid transparent;
-  border-bottom: 11.3px solid transparent;
-  border-right: 11.3px solid #d0d0d0;
-  position: absolute;
-  bottom: 14px;
-  left: -11.3px;
-  display: block;
-}
-.bubble-lb:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-right: 10px solid #e7e7e7;
-  position: absolute;
-  bottom: 15px;
-  left: -10px;
-  display: block;
-}
-.bubble-lc {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-lc:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-lc:before {
-  margin-top: -5.65px;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 11.3px solid transparent;
-  border-bottom: 11.3px solid transparent;
-  border-right: 11.3px solid #d0d0d0;
-  position: absolute;
-  top: 50%;
-  left: -11.3px;
-  display: block;
-}
-.bubble-lc:after {
-  margin-top: -5px;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-right: 10px solid #e7e7e7;
-  position: absolute;
-  top: 50%;
-  left: -10px;
-  display: block;
-}
-.bubble-rt {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-rt:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-rt:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 11.3px solid transparent;
-  border-bottom: 11.3px solid transparent;
-  border-left: 11.3px solid #d0d0d0;
-  position: absolute;
-  top: 14px;
-  right: -11.3px;
-  display: block;
-}
-.bubble-rt:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-left: 10px solid #e7e7e7;
-  position: absolute;
-  top: 15px;
-  right: -10px;
-  display: block;
-}
-.bubble-rb {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-rb:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-rb:before {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 11.3px solid transparent;
-  border-bottom: 11.3px solid transparent;
-  border-left: 11.3px solid #d0d0d0;
-  position: absolute;
-  bottom: 14px;
-  right: -11.3px;
-  display: block;
-}
-.bubble-rb:after {
-  margin-top: auto;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-left: 10px solid #e7e7e7;
-  position: absolute;
-  bottom: 15px;
-  right: -10px;
-  display: block;
-}
-.bubble-rc {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.bubble-rc:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.bubble-rc:before {
-  margin-top: -5.65px;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 11.3px solid transparent;
-  border-bottom: 11.3px solid transparent;
-  border-left: 11.3px solid #d0d0d0;
-  position: absolute;
-  top: 50%;
-  right: -11.3px;
-  display: block;
-}
-.bubble-rc:after {
-  margin-top: -5px;
-  margin-left: auto;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-left: 10px solid #e7e7e7;
-  position: absolute;
-  top: 50%;
-  right: -10px;
-  display: block;
-}
diff --git a/test/fixtures/ui/bubble.styl b/test/fixtures/ui/bubble.styl
deleted file mode 100644
index 19e48a0..0000000
--- a/test/fixtures/ui/bubble.styl
+++ /dev/null
@@ -1,38 +0,0 @@
-.bubble
-  bubble()
-
-.bubble-tl
-  bubble: top left
-
-.bubble-tr
-  bubble: top right
-
-.bubble-tc
-  bubble: top center
-
-.bubble-bl
-  bubble: bottom left
-
-.bubble-br
-  bubble: bottom right
-
-.bubble-bc
-  bubble: bottom center
-
-.bubble-lt
-  bubble: left top
-
-.bubble-lb
-  bubble: left bottom
-
-.bubble-lc
-  bubble: left center
-
-.bubble-rt
-  bubble: right top
-
-.bubble-rb
-  bubble: right bottom
-
-.bubble-rc
-  bubble: right center
diff --git a/test/fixtures/ui/figure.css b/test/fixtures/ui/figure.css
deleted file mode 100644
index 7c7bed8..0000000
--- a/test/fixtures/ui/figure.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.figure {
-  display: inline-block;
-}
-.figure img {
-  display: block;
-  padding: 4px;
-  border-radius: 3px;
-  border: 1px solid rgba(0,116,217,0.6);
-}
-.figure figcaption {
-  padding: 10px 0;
-  text-align: center;
-  font-style: italic;
-}
diff --git a/test/fixtures/ui/figure.styl b/test/fixtures/ui/figure.styl
deleted file mode 100644
index fa82c53..0000000
--- a/test/fixtures/ui/figure.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.figure
-  figure()
diff --git a/test/fixtures/ui/flash.css b/test/fixtures/ui/flash.css
deleted file mode 100644
index 6ba603c..0000000
--- a/test/fixtures/ui/flash.css
+++ /dev/null
@@ -1,71 +0,0 @@
-.flash-notice {
-  background: #70c7fa;
-  background: #62c1fa -webkit-linear-gradient(top, #70c7fa, #62c1fa) repeat-x;
-  background: #62c1fa linear-gradient(180deg, #70c7fa, #62c1fa) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #49b7f9;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-  color: #fff;
-  font-weight: bold;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-}
-.flash-notice:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.flash-warning {
-  background: #fae77b;
-  background: #fae46c -webkit-linear-gradient(top, #fae77b, #fae46c) repeat-x;
-  background: #fae46c linear-gradient(180deg, #fae77b, #fae46c) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #f9df53;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-  font-weight: bold;
-  text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
-}
-.flash-warning:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.flash-error {
-  background: #e88074;
-  background: #e67467 -webkit-linear-gradient(top, #e88074, #e67467) repeat-x;
-  background: #e67467 linear-gradient(180deg, #e88074, #e67467) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #e26153;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-  color: #fff;
-  font-weight: bold;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-}
-.flash-error:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.flash-success {
-  background: #7fdfa6;
-  background: #73dc9d -webkit-linear-gradient(top, #7fdfa6, #73dc9d) repeat-x;
-  background: #73dc9d linear-gradient(180deg, #7fdfa6, #73dc9d) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #5fd790;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-  color: #fff;
-  font-weight: bold;
-  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-}
-.flash-success:after {
-  content: "";
-  display: block;
-  clear: both;
-}
diff --git a/test/fixtures/ui/flash.styl b/test/fixtures/ui/flash.styl
deleted file mode 100644
index 063823d..0000000
--- a/test/fixtures/ui/flash.styl
+++ /dev/null
@@ -1,11 +0,0 @@
-.flash-notice
-  flash: 'notice'
-
-.flash-warning
-  flash: 'warning'
-
-.flash-error
-  flash: 'error'
-
-.flash-success
-  flash: 'success'
diff --git a/test/fixtures/ui/icon-arrow.css b/test/fixtures/ui/icon-arrow.css
deleted file mode 100644
index ed7e95f..0000000
--- a/test/fixtures/ui/icon-arrow.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.icon-arrow {
-  height: 40px;
-  width: 40px;
-}
-.icon-arrow:after {
-  content: '';
-  border-right: 1px solid #888;
-  border-top: 1px solid #888;
-  display: block;
-  height: 25px;
-  width: 25px;
-  margin-left: 1%;
-  -webkit-transform: rotate(45deg) translateX(4px) translateY(4px);
-          transform: rotate(45deg) translateX(4px) translateY(4px);
-}
-.icon-arrow-left {
-  height: 40px;
-  width: 40px;
-}
-.icon-arrow-left:after {
-  content: '';
-  border-right: 1px solid #888;
-  border-top: 1px solid #888;
-  display: block;
-  height: 25px;
-  width: 25px;
-  margin-left: 1%;
-  -webkit-transform: rotate(-135deg) translateX(-12px) translateY(4px);
-          transform: rotate(-135deg) translateX(-12px) translateY(4px);
-}
diff --git a/test/fixtures/ui/icon-arrow.styl b/test/fixtures/ui/icon-arrow.styl
deleted file mode 100644
index 8358230..0000000
--- a/test/fixtures/ui/icon-arrow.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.icon-arrow
-  icon-arrow()
-
-.icon-arrow-left
-  icon-arrow(left)
diff --git a/test/fixtures/ui/icon-x.css b/test/fixtures/ui/icon-x.css
deleted file mode 100644
index 71ea1fe..0000000
--- a/test/fixtures/ui/icon-x.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.icon-x {
-  width: 40px;
-  height: 40px;
-  display: block;
-  position: relative;
-}
-.icon-x:before,
-.icon-x:after {
-  -webkit-transition: all 0.3s ease;
-  transition: all 0.3s ease;
-  content: '';
-  position: absolute;
-  width: 40px;
-  top: 50%;
-  height: 1px;
-  background: #888;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-}
-.icon-x:after {
-  -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg);
-}
diff --git a/test/fixtures/ui/icon-x.styl b/test/fixtures/ui/icon-x.styl
deleted file mode 100644
index 957e013..0000000
--- a/test/fixtures/ui/icon-x.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.icon-x
-  icon-x()
diff --git a/test/fixtures/ui/navigation.css b/test/fixtures/ui/navigation.css
deleted file mode 100644
index fd73bef..0000000
--- a/test/fixtures/ui/navigation.css
+++ /dev/null
@@ -1,46 +0,0 @@
-.navigation {
-  display: block;
-  z-index: 10;
-  background: #2d2d2d;
-  background: #202020 -webkit-linear-gradient(top, #2d2d2d, #202020) repeat-x;
-  background: #202020 linear-gradient(180deg, #2d2d2d, #202020) repeat-x;
-  box-shadow: 0 3px 3px rgba(0,0,0,0.15);
-  border-bottom: 1px solid rgba(29,29,29,0.7);
-  height: 42.99px;
-  width: 100%;
-  font-size: 15px;
-  position: relative;
-}
-.navigation:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.navigation h1 {
-  float: left;
-  padding: 8.7px;
-  padding-left: 17px;
-  color: #fff;
-  font-weight: bold;
-  font-size: 19.5px;
-}
-.navigation ul {
-  float: right;
-  margin: 0;
-  padding: 12px;
-  color: #fff;
-}
-.navigation ul li {
-  list-style-type: none;
-  margin-right: 30px;
-  float: left;
-}
-.navigation ul li a {
-  color: #fff;
-  border: none;
-  cursor: pointer;
-}
-.navigation ul li a:hover {
-  color: #ccc;
-  border: none;
-}
diff --git a/test/fixtures/ui/navigation.styl b/test/fixtures/ui/navigation.styl
deleted file mode 100644
index 3344762..0000000
--- a/test/fixtures/ui/navigation.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.navigation
-  navigation()
diff --git a/test/fixtures/ui/notice.css b/test/fixtures/ui/notice.css
deleted file mode 100644
index 6dd2f32..0000000
--- a/test/fixtures/ui/notice.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.notice {
-  background: #efefef;
-  background: #e7e7e7 -webkit-linear-gradient(top, #efefef, #e7e7e7) repeat-x;
-  background: #e7e7e7 linear-gradient(180deg, #efefef, #e7e7e7) repeat-x;
-  border-radius: 5px;
-  padding: 10px;
-  border: 1px solid #d6d6d6;
-  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
-  position: relative;
-}
-.notice:after {
-  content: "";
-  display: block;
-  clear: both;
-}
diff --git a/test/fixtures/ui/notice.styl b/test/fixtures/ui/notice.styl
deleted file mode 100644
index 69867b3..0000000
--- a/test/fixtures/ui/notice.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.notice
-  notice()
diff --git a/test/fixtures/utilities/b.css b/test/fixtures/utilities/b.css
deleted file mode 100644
index 2bad070..0000000
--- a/test/fixtures/utilities/b.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.b {
-  border: 1px solid;
-}
diff --git a/test/fixtures/utilities/b.styl b/test/fixtures/utilities/b.styl
deleted file mode 100644
index 66605c0..0000000
--- a/test/fixtures/utilities/b.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.b
-  b()
diff --git a/test/fixtures/utilities/border-box.css b/test/fixtures/utilities/border-box.css
deleted file mode 100644
index 85b26af..0000000
--- a/test/fixtures/utilities/border-box.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.bb {
-  box-sizing: border-box;
-}
diff --git a/test/fixtures/utilities/border-box.styl b/test/fixtures/utilities/border-box.styl
deleted file mode 100644
index 5a84830..0000000
--- a/test/fixtures/utilities/border-box.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.bb
-  border-box()
diff --git a/test/fixtures/utilities/debug.css b/test/fixtures/utilities/debug.css
deleted file mode 100644
index b831c10..0000000
--- a/test/fixtures/utilities/debug.css
+++ /dev/null
@@ -1,58 +0,0 @@
-.debug {
-  border: 1px solid MediumPurple;
-}
-.debug > * {
-  border: 1px solid DarkKhaki;
-}
-.debug > * > * {
-  border: 1px solid MediumTurquoise;
-}
-.debug > * > * > * {
-  border: 1px solid LightSlateGray;
-}
-.debug > * > * > * > * {
-  border: 1px solid LightBlue;
-}
-.debug > * > * > * > * > * {
-  border: 1px solid MediumSlateBlue;
-}
-.debug > * > * > * > * > * > * {
-  border: 1px solid DeepSkyBlue;
-}
-.debug > * > * > * > * > * > * > * {
-  border: 1px solid DarkSeaGreen;
-}
-.debug img {
-  border: 1px solid #f00;
-  -webkit-filter: hue-rotate(330deg) contrast(0.75) saturate(6);
-  filter: hue-rotate(330deg) contrast(0.75) saturate(6);
-}
-.debug img[alt] {
-  border: 1px solid LimeGreen;
-  -webkit-filter: none;
-  filter: none;
-}
-.debug img[alt=""] {
-  border: 1px solid #ffd700;
-  -webkit-filter: contrast(1) saturate(2);
-  filter: contrast(1) saturate(2);
-}
-.debug a {
-  background: rgba(255,0,0,0.1);
-  border: 1px solid #f00;
-}
-.debug a[title] {
-  background: none;
-  border-color: LimeGreen;
-}
-.debug style {
-  border: block;
-}
-.debug [style],
-.debug style,
-.debug [class=""],
-.debug [id=""],
-.debug a[href="#"] {
-  background: rgba(255,220,0,0.2);
-  border: 1px solid #ffd700;
-}
diff --git a/test/fixtures/utilities/debug.styl b/test/fixtures/utilities/debug.styl
deleted file mode 100644
index 47e3ccd..0000000
--- a/test/fixtures/utilities/debug.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.debug
-  debug()
diff --git a/test/fixtures/utilities/multi-line-padding.css b/test/fixtures/utilities/multi-line-padding.css
deleted file mode 100644
index 695b7c5..0000000
--- a/test/fixtures/utilities/multi-line-padding.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.multi-line-padding {
-  -webkit-box-decoration-break: clone;
-          box-decoration-break: clone;
-}
diff --git a/test/fixtures/utilities/multi-line-padding.styl b/test/fixtures/utilities/multi-line-padding.styl
deleted file mode 100644
index c8cbba6..0000000
--- a/test/fixtures/utilities/multi-line-padding.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.multi-line-padding
-  multi-line-padding()
diff --git a/test/fixtures/utilities/no-select.css b/test/fixtures/utilities/no-select.css
deleted file mode 100644
index d97d5fe..0000000
--- a/test/fixtures/utilities/no-select.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.no-select {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
diff --git a/test/fixtures/utilities/no-select.styl b/test/fixtures/utilities/no-select.styl
deleted file mode 100644
index 66619e9..0000000
--- a/test/fixtures/utilities/no-select.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.no-select
-  no-select()
diff --git a/test/fixtures/utilities/open-type-ligatures.css b/test/fixtures/utilities/open-type-ligatures.css
deleted file mode 100644
index 2070f06..0000000
--- a/test/fixtures/utilities/open-type-ligatures.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.open-type-ligatures {
-  -webkit-font-feature-settings: "liga", "dlig";
-          font-feature-settings: "liga", "dlig";
-}
diff --git a/test/fixtures/utilities/open-type-ligatures.styl b/test/fixtures/utilities/open-type-ligatures.styl
deleted file mode 100644
index 2ba7c6c..0000000
--- a/test/fixtures/utilities/open-type-ligatures.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.open-type-ligatures
-  open-type-ligatures()
diff --git a/test/fixtures/utilities/quantity-queries.css b/test/fixtures/utilities/quantity-queries.css
deleted file mode 100644
index 6ccb5f7..0000000
--- a/test/fixtures/utilities/quantity-queries.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.least > li:nth-last-child(n+2),
-.least > li:nth-last-child(n+2) ~ li {
-  border: 1px solid #09f;
-}
-.between > div:nth-last-child(n+0):nth-last-child(-n+20):first-child,
-.between > div:nth-last-child(n+0):nth-last-child(-n+20):first-child ~ div {
-  border: 1px solid #f90;
-}
-.most > li:nth-last-child(-n+7):first-child,
-.most > li:nth-last-child(-n+7):first-child ~ li {
-  background: #e35;
-  color: #fff;
-}
-.exactly > li:nth-last-child(5):first-child,
-.exactly > li:nth-last-child(5):first-child ~ li {
-  border: 1px solid #0c5;
-}
diff --git a/test/fixtures/utilities/quantity-queries.styl b/test/fixtures/utilities/quantity-queries.styl
deleted file mode 100644
index e4f4efa..0000000
--- a/test/fixtures/utilities/quantity-queries.styl
+++ /dev/null
@@ -1,16 +0,0 @@
-.least
-  +quantity-at-least(2)
-    border: 1px solid #0099ff
-
-.between
-  +quantity-between(0, 20, div)
-    border: 1px solid #ff9900
-
-.most
-  +quantity-at-most(7)
-    background: #ee3355
-    color: white
-
-.exactly
-  +quantity-exactly(5)
-    border: 1px solid #00cc55
diff --git a/test/fixtures/utilities/rem-calculator.css b/test/fixtures/utilities/rem-calculator.css
deleted file mode 100644
index bb71d8c..0000000
--- a/test/fixtures/utilities/rem-calculator.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.rem-calculator {
-  font-size: 1.875rem;
-}
diff --git a/test/fixtures/utilities/rem-calculator.styl b/test/fixtures/utilities/rem-calculator.styl
deleted file mode 100644
index ba4b8c7..0000000
--- a/test/fixtures/utilities/rem-calculator.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.rem-calculator
-  font-size: rem(30px)
diff --git a/test/fixtures/utilities/rounded.css b/test/fixtures/utilities/rounded.css
deleted file mode 100644
index 52dbd53..0000000
--- a/test/fixtures/utilities/rounded.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.rounded {
-  border-radius: 999px;
-}
diff --git a/test/fixtures/utilities/rounded.styl b/test/fixtures/utilities/rounded.styl
deleted file mode 100644
index 5973ea9..0000000
--- a/test/fixtures/utilities/rounded.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-.rounded
-  rounded()
diff --git a/test/fixtures/utilities/transition.css b/test/fixtures/utilities/transition.css
deleted file mode 100644
index f3105c0..0000000
--- a/test/fixtures/utilities/transition.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.transition {
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-}
-.trans-custom {
-  -webkit-transition: all 1s ease;
-  transition: all 1s ease;
-}
diff --git a/test/fixtures/utilities/transition.styl b/test/fixtures/utilities/transition.styl
deleted file mode 100644
index 3c93d66..0000000
--- a/test/fixtures/utilities/transition.styl
+++ /dev/null
@@ -1,5 +0,0 @@
-.transition
-  transition()
-
-.trans-custom
-  transition: all 1s ease
diff --git a/test/fixtures/utilities/triangle.css b/test/fixtures/utilities/triangle.css
deleted file mode 100644
index c64d1e0..0000000
--- a/test/fixtures/utilities/triangle.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.tri {
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #000;
-}
-.tri-up {
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #000;
-}
-.tri-down {
-  width: 0;
-  height: 0;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-top: 10px solid #000;
-}
-.tri-left {
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-right: 10px solid #000;
-}
-.tri-right {
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-left: 10px solid #000;
-}
diff --git a/test/fixtures/utilities/triangle.styl b/test/fixtures/utilities/triangle.styl
deleted file mode 100644
index 6c4b27a..0000000
--- a/test/fixtures/utilities/triangle.styl
+++ /dev/null
@@ -1,14 +0,0 @@
-.tri
-  triangle()
-
-.tri-up
-  triangle: up
-
-.tri-down
-  triangle: down
-
-.tri-left
-  triangle: left
-
-.tri-right
-  triangle: right
diff --git a/test/helpers/index.js b/test/helpers/index.js
deleted file mode 100644
index 19eb353..0000000
--- a/test/helpers/index.js
+++ /dev/null
@@ -1,40 +0,0 @@
-var chai = require('chai')
-var path = require('path')
-var fs = require('fs')
-var accord = require('accord')
-var axis = require('../..')
-var autoprefixer = require('autoprefixer-stylus')
-var cssparse = require('css-parse')
-
-var test_path = path.join(__dirname, '../fixtures')
-var should = chai.should()
-
-// utility functions
-
-var compile = function (p) {
-  return accord.load('stylus').renderFile(p, { use: [axis(), autoprefixer()] })
-}
-
-var match_expected = function (out, p, done) {
-  try {
-    // console.log(out)
-    var expected_path = path.join(path.dirname(p), path.basename(p, '.styl')) + '.css'
-    if (!fs.existsSync(expected_path)) { throw new Error('"expected" file doesnt exist') }
-    var expected_contents = fs.readFileSync(expected_path, 'utf8')
-    cssparse(out).should.eql(cssparse(expected_contents))
-    done()
-  } catch (err) {
-    return done(err)
-  }
-}
-
-var compile_and_match = function (p, done) {
-  compile(p).done(function (out) { match_expected(out.result, p, done) }, done)
-}
-
-// expose needed variables globally for tests
-
-global.test_path = test_path
-global.axis = axis
-global.compile_and_match = compile_and_match
-global.should = should
diff --git a/test/mocha.opts b/test/mocha.opts
deleted file mode 100644
index 5c0f744..0000000
--- a/test/mocha.opts
+++ /dev/null
@@ -1,3 +0,0 @@
---reporter spec
---compilers coffee:coffee-script/register
---require test/helpers/index
diff --git a/test/test.coffee b/test/test.coffee
deleted file mode 100644
index 845aa17..0000000
--- a/test/test.coffee
+++ /dev/null
@@ -1,320 +0,0 @@
-path = require 'path'
-
-describe 'api', ->
-
-  before -> @pkg = require('../package.json')
-
-  it 'exposes the library path', ->
-    axis.path.should.match(/axis/)
-  it 'exposes the correct version', ->
-    axis.version.should.eql(@pkg.version)
-  it 'exposes the library name', ->
-    axis.libname.should.eql(@pkg.name)
-
-describe 'buttons', ->
-
-  before -> @path = path.join(test_path, 'buttons')
-
-  it 'button', (done) ->
-    compile_and_match(path.join(@path, 'button.styl'), done)
-
-  it 'glossy-button', (done) ->
-    compile_and_match(path.join(@path, 'glossy-button.styl'), done)
-
-describe 'code', ->
-
-  before -> @path = path.join(test_path, 'code')
-
-  it 'code', (done) ->
-    compile_and_match(path.join(@path, 'code.styl'), done)
-
-  it 'pre', (done) ->
-    compile_and_match(path.join(@path, 'pre.styl'), done)
-
-describe 'forms', ->
-
-  before -> @path = path.join(test_path, 'forms')
-
-  it 'input', (done) ->
-    compile_and_match(path.join(@path, 'input.styl'), done)
-
-  it 'input-search', (done) ->
-      compile_and_match(path.join(@path, 'input-search.styl'), done)
-
-  it 'input-disabled', (done) ->
-      compile_and_match(path.join(@path, 'input-disabled.styl'), done)
-
-  it 'label', (done) ->
-      compile_and_match(path.join(@path, 'label.styl'), done)
-
-  it 'field', (done) ->
-      compile_and_match(path.join(@path, 'field.styl'), done)
-
-  it 'input-error', (done) ->
-      compile_and_match(path.join(@path, 'input-error.styl'), done)
-
-  it 'field-error', (done) ->
-      compile_and_match(path.join(@path, 'field-error.styl'), done)
-
-  it 'input-warning', (done) ->
-      compile_and_match(path.join(@path, 'input-warning.styl'), done)
-
-  it 'field-warning', (done) ->
-      compile_and_match(path.join(@path, 'field-warning.styl'), done)
-
-  it 'input-success', (done) ->
-      compile_and_match(path.join(@path, 'input-success.styl'), done)
-
-  it 'field-success', (done) ->
-      compile_and_match(path.join(@path, 'field-success.styl'), done)
-
-  it 'autofill', (done) ->
-      compile_and_match(path.join(@path, 'autofill.styl'), done)
-
-  it 'radio', (done) ->
-    compile_and_match(path.join(@path, 'radio.styl'), done)
-
-  it 'range-input', (done) ->
-    compile_and_match(path.join(@path, 'range.styl'), done)
-
-describe 'gradients', ->
-
-  before -> @path = path.join(test_path, 'gradients')
-
-  it 'gradient', (done) ->
-    compile_and_match(path.join(@path, 'gradient.styl'), done)
-
-  it 'image-gradient', (done) ->
-    compile_and_match(path.join(@path, 'image-gradient.styl'), done)
-
-describe 'images', ->
-
-  before -> @path = path.join(test_path, 'images')
-
-  it 'bg', (done) ->
-    compile_and_match(path.join(@path, 'bg.styl'), done)
-
-  it 'image-cache', (done) ->
-    compile_and_match(path.join(@path, 'image-cache.styl'), done)
-
-  it 'image-replace', (done) ->
-    compile_and_match(path.join(@path, 'image-replace.styl'), done)
-
-  it 'sprite', (done) ->
-    compile_and_match(path.join(@path, 'sprite.styl'), done)
-
-describe 'interaction', ->
-
-  before -> @path = path.join(test_path, 'interaction')
-
-  it 'hover-darken', (done) ->
-    compile_and_match(path.join(@path, 'hover-darken.styl'), done)
-
-  it 'hover-lighten', (done) ->
-    compile_and_match(path.join(@path, 'hover-lighten.styl'), done)
-
-  it 'hover-underline', (done) ->
-    compile_and_match(path.join(@path, 'hover-underline.styl'), done)
-
-  it 'hover-pop', (done) ->
-    compile_and_match(path.join(@path, 'hover-pop.styl'), done)
-
-  it 'hover-fade', (done) ->
-    compile_and_match(path.join(@path, 'hover-fade.styl'), done)
-
-  it 'hover-color', (done) ->
-    compile_and_match(path.join(@path, 'hover-color.styl'), done)
-
-  it 'hover-glow', (done) ->
-    compile_and_match(path.join(@path, 'hover-glow.styl'), done)
-
-  it 'hover-float', (done) ->
-    compile_and_match(path.join(@path, 'hover-float.styl'), done)
-
-  it 'click-down', (done) ->
-    compile_and_match(path.join(@path, 'click-down.styl'), done)
-
-  it 'click-shadow', (done) ->
-    compile_and_match(path.join(@path, 'click-shadow.styl'), done)
-
-  it 'click-inset', (done) ->
-    compile_and_match(path.join(@path, 'click-inset.styl'), done)
-
-  it 'click-shrink', (done) ->
-    compile_and_match(path.join(@path, 'click-shrink.styl'), done)
-
-describe 'layout', ->
-
-  before -> @path = path.join(test_path, 'layout')
-
-  it 'position', (done) ->
-    compile_and_match(path.join(@path, 'position.styl'), done)
-
-  it 'columns', (done) ->
-    compile_and_match(path.join(@path, 'columns.styl'), done)
-
-  it 'group', (done) ->
-    compile_and_match(path.join(@path, 'group.styl'), done)
-
-  it 'media', (done) ->
-    compile_and_match(path.join(@path, 'media.styl'), done)
-
-  it 'ratio-box', (done) ->
-    compile_and_match(path.join(@path, 'ratio-box.styl'), done)
-
-  it 'rule', (done) ->
-    compile_and_match(path.join(@path, 'rule.styl'), done)
-
-  it 'vertical-align', (done) ->
-    compile_and_match(path.join(@path, 'vertical-align.styl'), done)
-
-  it 'table-layout', (done) ->
-    compile_and_match(path.join(@path, 'table-layout.styl'), done)
-
-
-describe 'reset', ->
-
-  before -> @path = path.join(test_path, 'reset')
-
-  it 'fluid-media', (done) ->
-    compile_and_match(path.join(@path, 'fluid-media.styl'), done)
-
-  it 'border-box-html', (done) ->
-    compile_and_match(path.join(@path, 'border-box-html.styl'), done)
-
-  it 'print-styles', (done) ->
-    compile_and_match(path.join(@path, 'print-styles.styl'), done)
-
-describe 'tables', ->
-
-  before -> @path = path.join(test_path, 'tables')
-
-  it 'table-styles', (done) ->
-    compile_and_match(path.join(@path, 'table.styl'), done)
-#
-describe 'typography', ->
-
-  before -> @path = path.join(test_path, 'typography')
-
-  it 'raquo', (done) ->
-    compile_and_match(path.join(@path, 'raquo.styl'), done)
-
-  it 'font-face', (done) ->
-    compile_and_match(path.join(@path, 'font-face.styl'), done)
-
-  it 'font-weight', (done) ->
-    compile_and_match(path.join(@path, 'font-weight.styl'), done)
-
-  it 'text-margin', (done) ->
-    compile_and_match(path.join(@path, 'text-margin.styl'), done)
-
-  it 'paragraph', (done) ->
-    compile_and_match(path.join(@path, 'paragraph.styl'), done)
-
-  it 'fs', (done) ->
-    compile_and_match(path.join(@path, 'fs.styl'), done)
-
-  it 'cases', (done) ->
-    compile_and_match(path.join(@path, 'cases.styl'), done)
-
-  it 'headlines', (done) ->
-    compile_and_match(path.join(@path, 'headlines.styl'), done)
-
-  it 'small', (done) ->
-    compile_and_match(path.join(@path, 'small.styl'), done)
-
-  it 'link', (done) ->
-    compile_and_match(path.join(@path, 'link.styl'), done)
-
-  it 'text-selection', (done) ->
-    compile_and_match(path.join(@path, 'text-select.styl'), done)
-
-  it 'lists', (done) ->
-    compile_and_match(path.join(@path, 'lists.styl'), done)
-
-  it 'blockquo', (done) ->
-    compile_and_match(path.join(@path, 'blockquo.styl'), done)
-
-  it 'hyphenation', (done) ->
-    compile_and_match(path.join(@path, 'hyphenation.styl'), done)
-
-  it 'shadow-stroke', (done) ->
-    compile_and_match(path.join(@path, 'shadow-stroke.styl'), done)
-
-  it 'ellipsis', (done) ->
-    compile_and_match(path.join(@path, 'ellipsis.styl'), done)
-
-describe 'ui', ->
-
-  before -> @path = path.join(test_path, 'ui')
-
-  it 'area', (done) ->
-    compile_and_match(path.join(@path, 'area.styl'), done)
-  #
-  it 'breadcrumb', (done) ->
-    compile_and_match(path.join(@path, 'breadcrumb.styl'), done)
-
-  it 'bubble', (done) ->
-    compile_and_match(path.join(@path, 'bubble.styl'), done)
-
-  it 'figure', (done) ->
-    compile_and_match(path.join(@path, 'figure.styl'), done)
-
-  it 'flash', (done) ->
-    compile_and_match(path.join(@path, 'flash.styl'), done)
-
-  it 'icon-arrow', (done) ->
-    compile_and_match(path.join(@path, 'icon-arrow.styl'), done)
-
-  it 'icon-x', (done) ->
-    compile_and_match(path.join(@path, 'icon-x.styl'), done)
-
-  it 'navigation', (done) ->
-    compile_and_match(path.join(@path, 'navigation.styl'), done)
-
-  it 'notice', (done) ->
-    compile_and_match(path.join(@path, 'notice.styl'), done)
-
-describe 'utilities', ->
-
-  before -> @path = path.join(test_path, 'utilities')
-
-  it 'no-select', (done) ->
-    compile_and_match(path.join(@path, 'no-select.styl'), done)
-
-  it 'b', (done) ->
-    compile_and_match(path.join(@path, 'b.styl'), done)
-
-  it 'transition', (done) ->
-    compile_and_match(path.join(@path, 'transition.styl'), done)
-
-  it 'border-box', (done) ->
-    compile_and_match(path.join(@path, 'border-box.styl'), done)
-
-  it 'open-type-ligatures', (done) ->
-    compile_and_match(path.join(@path, 'open-type-ligatures.styl'), done)
-
-  it 'multi-line-padding', (done) ->
-    compile_and_match(path.join(@path, 'multi-line-padding.styl'), done)
-
-  it 'rounded', (done) ->
-    compile_and_match(path.join(@path, 'rounded.styl'), done)
-
-  it 'triangle', (done) ->
-    compile_and_match(path.join(@path, 'triangle.styl'), done)
-
-  it 'debug', (done) ->
-    compile_and_match(path.join(@path, 'debug.styl'), done)
-
-  it 'quantity-queries', (done) ->
-    compile_and_match(path.join(@path, 'quantity-queries.styl'), done)
-
-  it 'rem-calculator', (done) ->
-    compile_and_match(path.join(@path, 'rem-calculator.styl'), done)
-
-describe 'additive', ->
-
-  before -> @path = path.join(test_path, 'additive')
-
-  it 'framework', (done) ->
-    compile_and_match(path.join(@path, 'framework.styl'), done)
diff --git a/test/visual.html b/test/visual.html
deleted file mode 100644
index 894a355..0000000
--- a/test/visual.html
+++ /dev/null
@@ -1,558 +0,0 @@
-<!doctype html>
-<html>
-
-  <head>
-    <title>Axis Visual Test</title>
-
-    <!-- buttons -->
-    <link rel='stylesheet' href='fixtures/buttons/button.css' >
-    <link rel='stylesheet' href='fixtures/buttons/glossy-button.css' >
-
-    <!-- code -->
-    <link rel='stylesheet' href='fixtures/code/code.css' >
-    <link rel='stylesheet' href='fixtures/code/pre.css' >
-
-    <!-- forms -->
-    <link rel='stylesheet' href='fixtures/forms/input.css' >
-    <link rel='stylesheet' href='fixtures/forms/input-search.css' >
-    <link rel='stylesheet' href='fixtures/forms/input-disabled.css' >
-    <link rel='stylesheet' href='fixtures/forms/label.css' >
-    <link rel='stylesheet' href='fixtures/forms/field.css' >
-    <link rel='stylesheet' href='fixtures/forms/input-error.css' >
-    <link rel='stylesheet' href='fixtures/forms/field-error.css' >
-    <link rel='stylesheet' href='fixtures/forms/input-warning.css' >
-    <link rel='stylesheet' href='fixtures/forms/field-warning.css' >
-    <link rel='stylesheet' href='fixtures/forms/input-success.css' >
-    <link rel='stylesheet' href='fixtures/forms/field-success.css' >
-    <link rel='stylesheet' href='fixtures/forms/autofill.css' >
-
-    <!-- gradients -->
-    <link rel='stylesheet' href='fixtures/gradients/gradient.css' >
-    <link rel='stylesheet' href='fixtures/gradients/image-gradient.css' >
-
-    <!-- images -->
-    <link rel='stylesheet' href='fixtures/images/image-replace.css' >
-    <link rel='stylesheet' href='fixtures/images/sprite.css' >
-    <link rel='stylesheet' href='fixtures/images/bg.css' >
-
-    <!-- interaction -->
-    <link rel='stylesheet' href='fixtures/interaction/hover-darken.css' >
-    <link rel='stylesheet' href='fixtures/interaction/hover-lighten.css' >
-    <link rel='stylesheet' href='fixtures/interaction/hover-underline.css' >
-    <link rel='stylesheet' href='fixtures/interaction/hover-pop.css' >
-    <link rel='stylesheet' href='fixtures/interaction/hover-fade.css' >
-    <link rel='stylesheet' href='fixtures/interaction/hover-color.css' >
-    <link rel='stylesheet' href='fixtures/interaction/hover-glow.css' >
-    <link rel='stylesheet' href='fixtures/interaction/hover-float.css' >
-    <link rel='stylesheet' href='fixtures/interaction/click-down.css' >
-    <link rel='stylesheet' href='fixtures/interaction/click-shadow.css' >
-    <link rel='stylesheet' href='fixtures/interaction/click-inset.css' >
-    <link rel='stylesheet' href='fixtures/interaction/click-shrink.css' >
-
-    <!-- layout -->
-    <link rel='stylesheet' href='fixtures/layout/columns.css' >
-    <link rel='stylesheet' href='fixtures/layout/group.css' >
-    <link rel='stylesheet' href='fixtures/layout/media.css' >
-    <link rel='stylesheet' href='fixtures/layout/ratio-box.css' >
-    <link rel='stylesheet' href='fixtures/layout/rule.css' >
-    <link rel='stylesheet' href='fixtures/layout/vertical-align.css' >
-    <link rel='stylesheet' href='fixtures/layout/table-layout.css' >
-
-    <!-- tables -->
-    <link rel='stylesheet' href='fixtures/tables/table.css' >
-
-    <!-- typography -->
-    <link rel='stylesheet' href='fixtures/typography/raquo.css' >
-    <link rel='stylesheet' href='fixtures/typography/font-face.css' >
-    <link rel='stylesheet' href='fixtures/typography/font-weight.css' >
-    <link rel='stylesheet' href='fixtures/typography/text-margin.css' >
-    <link rel='stylesheet' href='fixtures/typography/paragraph.css' >
-    <link rel='stylesheet' href='fixtures/typography/fs.css' >
-    <link rel='stylesheet' href='fixtures/typography/cases.css' >
-    <link rel='stylesheet' href='fixtures/typography/headlines.css' >
-    <link rel='stylesheet' href='fixtures/typography/small.css' >
-    <link rel='stylesheet' href='fixtures/typography/link.css' >
-    <link rel='stylesheet' href='fixtures/typography/text-select.css' >
-    <link rel='stylesheet' href='fixtures/typography/lists.css' >
-    <link rel='stylesheet' href='fixtures/typography/blockquo.css' >
-    <link rel='stylesheet' href='fixtures/typography/hyphenation.css' >
-    <link rel='stylesheet' href='fixtures/typography/shadow-stroke.css' >
-    <link rel='stylesheet' href='fixtures/typography/ellipsis.css' >
-
-
-    <!-- ui -->
-    <link rel='stylesheet' href='fixtures/ui/area.css' >
-    <link rel='stylesheet' href='fixtures/ui/breadcrumb.css' >
-    <link rel='stylesheet' href='fixtures/ui/bubble.css' >
-    <link rel='stylesheet' href='fixtures/ui/figure.css' >
-    <link rel='stylesheet' href='fixtures/ui/flash.css' >
-    <link rel='stylesheet' href='fixtures/ui/icon-arrow.css' >
-    <link rel='stylesheet' href='fixtures/ui/icon-x.css' >    
-    <link rel='stylesheet' href='fixtures/ui/navigation.css' >
-    <link rel='stylesheet' href='fixtures/ui/notice.css' >
-    <link rel='stylesheet' href='fixtures/ui/radio.css' >
-    <link rel='stylesheet' href='fixtures/ui/range.css' >
-
-    <!-- utilities -->
-    <link rel='stylesheet' href='fixtures/utilities/b.css' >
-    <link rel='stylesheet' href='fixtures/utilities/debug.css' >
-    <link rel='stylesheet' href='fixtures/utilities/quantity-queries.css' >
-    <link rel='stylesheet' href='fixtures/utilities/no-select.css' >
-    <link rel='stylesheet' href='fixtures/utilities/rem-calculator.css' >
-    <link rel='stylesheet' href='fixtures/utilities/rounded.css' >
-    <link rel='stylesheet' href='fixtures/utilities/triangle.css' >
-
-
-    <style>
-      body {
-        font-family: sans-serif;
-        color: #333;
-        -webkit-font-smoothing: antialiased;
-      }
-      section {
-        width: 100%;
-        border: 1px solid #ccc;
-        padding: 30px;
-        box-sizing: border-box;
-        margin: 1em 0;
-        border-radius: 4px;
-        overflow: hidden;
-      }
-      h1 {
-        margin: 0 0 1em 0;
-      }
-      .block {
-        width: 400px;
-        height: 70px;
-        margin: .5em 0;
-      }
-      .box {
-        width: 100px;
-        height: 100px;
-        border: 1px solid;
-        float: left;
-        margin: .5em .5em 0 0;
-        transition: all .2s ease;
-      }
-      .click-down {
-        transition: none;
-      }
-      .bub {
-        margin: 1em 0;
-        width: 400px;
-        height: 50px;
-      }
-      .narrow {
-        width: 30%;
-      }
-    </style>
-  </head>
-
-  <body>
-
-    <section id='buttons'>
-      <h1>buttons</h1>
-      <div class='button'>button</div>
-      <div class='glossy-button'>glossy-button</div>
-    </section>
-
-    <section id='code'>
-      <h1>code</h1>
-      <code>code</code>
-      <pre>pre</pre>
-    </section>
-
-    <section id='forms'>
-      <h1>forms</h1>
-
-      <div>
-        <input type="text" class='input' placeholder='input' />
-      </div>
-
-      <div>
-        <input type="text" class='input-search' placeholder='search' />
-      </div>
-
-      <div>
-        <input type="text" class='input input-disabled' disabled placeholder='disabled' />
-      </div>
-
-      <div>
-        <label class='label'>this is a label</label>
-      </div>
-
-      <div class='field'>
-        <label class='label'>field</label>
-        <input type="text" class='input' />
-      </div>
-
-      <div>
-        <input type="text" class='input input-error' value='error' />
-      </div>
-
-      <div>
-        <input type="text" class='input input-warning' value='warning' />
-      </div>
-
-      <div>
-        <input type="text" class='input input-success' value='success' />
-      </div>
-
-      <div class='field-error'>
-        <label class='label'>field error</label>
-        <input type="text" class='input' />
-      </div>
-
-      <div class='field-warning'>
-        <label class='label'>field warning</label>
-        <input type="text" class='input' />
-      </div>
-
-      <div class='field-success'>
-        <label class='label'>field success</label>
-        <input type="text" class='input' />
-      </div>
-
-      <div class="autofill">
-        <input class="input" type="text" name="address" placeholder="Address">
-
-        <input class="input" type="text" name="name" placeholder="name">
-
-        <input  class="input" type="text" name="city" placeholder="city">
-      </div>
-
-    </section>
-
-    <section id='gradients'>
-      <h1>gradients</h1>
-      <div class='block gradient-onecolor'></div>
-      <div class='block gradient-twocolor'></div>
-      <div class='block image-gradient-onecolor'></div>
-      <div class='block image-gradient-twocolor'></div>
-    </section>
-
-    <section id='images'>
-      <h1>images</h1>
-      <div class="block bg"></div>
-      <div class="block bg-retina"></div>
-
-      <p class="ir">i should not be able to be read</p>
-
-    </section>
-    <section id='interaction'>
-      <h1>interaction</h1>
-      <div class='box hover-darken'></div>
-      <div class='box hover-lighten'></div>
-      <div class='box hover-underline'></div>
-      <div class='box hover-pop'></div>
-      <div class='box hover-fade'></div>
-      <div class='box hover-color'></div>
-      <div class='box hover-glow'></div>
-      <div class='box hover-float'></div>
-      <div class='box click-down'>click me</div>
-      <div class='box click-shadow'>click me</div>
-      <div class='box click-inset'>click me</div>
-      <div class='box click-shrink'>click me</div>
-    </section>
-
-    <section id='layout'>
-      <h1>layout</h1>
-      <ul class='columns'>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-        <li>foo</li>
-      </ul>
-
-      <div class="media">
-        <img src="http://upload.wikimedia.org/wikipedia/en/4/4e/Shibe_Inu_Doge_meme.jpg" alt="">
-        <p>comment</p>
-      </div>
-
-      <div class="ratio-box">
-        <iframe width="1280" height="720" src="https://www.youtube.com/embed/o0xr1JRZOb4" frameborder="0" allowfullscreen></iframe>
-      </div>
-
-      <hr>
-      <div class="vertical-align">
-        <div class='inner-div'>vertically aligned</div>
-      </div>
-      <div class="vertical-align">
-        <div class='inner-div reset'>not vertically aligned</div>
-      </div>
-
-      <ul class="tl">
-        <li>
-          <h1>Table Layout Mixin</h1>Adding more lines here.<br/>Will add height<br/>to the li's to the right.
-        </li>
-        <li>2</li>
-        <li>3</li>
-        <li>4</li>
-      </ul>
-    </section>
-
-    <section id='tables'>
-      <h1>tables</h1>
-      <table class='table'>
-        <tr>
-          <th>Name</th>
-          <th>Money</th>
-        </tr>
-        <tr>
-          <td>Me</td>
-          <td>a billiyun</td>
-        </tr>
-        <tr>
-          <td>You</td>
-          <td>nuthun</td>
-        </tr>
-      </table>
-    </section>
-
-    <section id='typography'>
-      <h1>typography</h1>
-
-      <p class="bold">bold</p>
-      <p class="italic">italic</p>
-      <p class="bold normal">normal</p>
-
-      <p class="raquo">look at this</p>
-
-
-      <p class='text-margin'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, autem, dolores quae nobis recusandae eos harum vitae rem minus sit ducimus iure repudiandae eveniet at quo voluptates aperiam reiciendis perspiciatis!</p>
-      <p class='text-margin'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, autem, dolores quae nobis recusandae eos harum vitae rem minus sit ducimus iure repudiandae eveniet at quo voluptates aperiam reiciendis perspiciatis!</p>
-
-      <p class='p'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, porro, aliquid nisi voluptatem repellat quas saepe nesciunt est quidem voluptates eos deleniti sapiente fugiat provident minus? Tempore nam quidem mollitia!</p>
-
-      <p class='fs-px'>Lorem ipsum dolor</p>
-      <p class='fs-rem'>Lorem ipsum dolor</p>
-
-      <p class='lowercase'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, nulla, officia quibusdam.</p>
-      <p class='uppercase'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, nulla, officia quibusdam.</p>
-      <p class='lowercase reset-case'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit, nulla, officia quibusdam.</p>
-
-      <h1 class='h1'>Lorem ipsum dolor sit amet</h1>
-      <h2 class='h2'>Lorem ipsum dolor sit amet</h2>
-      <h3 class='h3'>Lorem ipsum dolor sit amet</h3>
-      <h4 class='h4'>Lorem ipsum dolor sit amet</h4>
-      <h5 class='h5'>Lorem ipsum dolor sit amet</h5>
-      <h6 class='h6'>Lorem ipsum dolor sit amet</h6>
-
-      <p class='small'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quos, velit, dolorem alias minima iusto numquam cupiditate itaque sed voluptatibus voluptas beatae.</p>
-
-      <div><a class='link' href='#'>foobar!</a></div>
-      <div><a class='link reset-link' href='#'>foobar!</a></div>
-
-      <p class='text-select'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, dolorem, iste, natus, voluptatem veniam consequuntur nulla aliquid ut quibusdam pariatur at magni animi hic dignissimos quisquam est tempore similique quas.</p>
-
-      <ul class='ul'>
-        <li>foo</li>
-        <li>bar</li>
-        <li>baz</li>
-      </ul>
-
-      <ol class='ol'>
-        <li>foo</li>
-        <li>bar</li>
-        <li>baz</li>
-      </ol>
-
-      <ul class='inline-list'>
-        <li>foo</li>
-        <li>bar</li>
-        <li>baz</li>
-      </ul>
-
-      <ul class='reset-list'>
-        <li>foo</li>
-        <li>bar</li>
-        <li>baz</li>
-      </ul>
-
-      <blockquote class='blockquote'>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
-        <cite>some latin text</cite>
-      </blockquote>
-
-      <p class='p hyphenation'>sdfkjhsdkjfhkjdshfksjdhfksdjhfksjdhfksjdhfkjshdfkjsdhfkjshdfkjshdkfjhsdkfjhskdfjhskdjfhskdjfhskjdhfksjdhfksjdhfksjhdfkjshdfkjshdkfjhsdkjfhskdjfhksjdhfksjdhflakejhroiweroiahsodiskjcnkzxbckjbdosifeaoihdaosjdlznxkj dsjkhfskdjhf skdjhfkjdhkfjhsdkfjhsdkfjhskdjfhksjdhfksd kdsfjhksdjhfksjdhfksjdhfksjdhfkjh kjhsdfkjsdhfksjdhfksjhdfksjhdfksjhdfksjdhfksjdhfksjdh</p>
-      <h1 class='shadow-stroke'>I am stroked text.</h1>
-      <div class="narrow">
-        <h1 class="ellipsis">Sometimes you have to truncate verbose lines, and that's all there is to say.</h1>
-      </div>
-    </section>
-
-    <section>
-      <h1>ui</h1>
-
-      <div class="area">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, commodi, fugit sunt accusantium at suscipit optio a voluptates iusto laudantium consequuntur adipisci minima cumque inventore natus ullam tempore maxime itaque!</div>
-
-      <ul class="breadcrumb">
-        <li>foo</li>
-        <li>bar</li>
-        <li>baz</li>
-      </ul>
-
-      <div class="bub bubble">bubble</div>
-
-      <div class="bub bubble-tl">top left</div>
-      <div class="bub bubble-tc">top center</div>
-      <div class="bub bubble-tr">top right</div>
-
-      <div class="bub bubble-bl">bottom left</div>
-      <div class="bub bubble-bc">bottom center</div>
-      <div class="bub bubble-br">bottom right</div>
-
-      <div class="bub bubble-lt">left top</div>
-      <div class="bub bubble-lc">left center</div>
-      <div class="bub bubble-lb">left bottom</div>
-
-      <div class="bub bubble-rt">right top</div>
-      <div class="bub bubble-rc">right center</div>
-      <div class="bub bubble-rb">right bottom</div>
-
-      <figure class="figure">
-        <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxQTEhIUEhIUFBUVFBQPFBQUEhAUFBQQFBQWFhQUFRQYHCggGBolHBQUITEhJSkrLi4uFx8zODMsNygtLisBCgoKDg0OFBAQFywcFBwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLDcrLCssLCssKyssLCwrKysrLCsrKysrKysrK//AABEIANMA0wMBIgACEQEDEQH/xAAbAAABBQEBAAAAAAAAAAAAAAAEAAIDBQYBB//EADYQAAIBAwIEBAQFAwQDAAAAAAABAgMRIQQxBRJBUQZhcYETIpHwMqGx0fFCweEHFCNSFWJy/8QAGgEAAwEBAQEAAAAAAAAAAAAAAQIDAAQFBv/EACERAAICAwADAQEBAQAAAAAAAAABAhEDEiETMUEEYVEy/9oADAMBAAIRAxEAPwDYWOnRI+YTPQOfCJaasROY5SwKmkEmlVAtTK8h9N3kFUqGW2GVyiZcYElglo0HINhQTC40kkSjj6M5FNqVyrcB0+tXNyv6lnxBrJl9Q/mwdH/LVDRWyNXAsNNsZ3hWv5rRluaTTrB3Y5bI5skdWS2EdOFyJ0QhGMIQhBMIQhAswmMlVj3X1KjjGuw1F2sZytrpWuc8s1PhaOKzepiMv4W4zzS+FN5/pd/yNQysJ7IScdWcEdODiCEIRgmfucyWMdGTR0yPF1s6rKuFFsmemZZqkKUkg6I1gOn0tgj4Y51l2JYSHqlQvsVGnY5WeBzmAa+va3ngH8CgLW1L3M1rItO5Y8QqycrRQ+jo3jmy+qM306I0kVenq9tzU8I4qmuWbt2bK7/ZwX9KFHTxWyQ0Mjg7QJxUkauMk9nccZaNaUdpNEtPiVRdb+p1L9S+nM8D+GkEUq4vO34V+Zxcal1gvqUX6YC+GReCKmHHI9Yte5NHi0H3H80H9EeKX+FgVfENfa6Tx1f9gbinFsWg/VmW4nq3ZJPLx7ksma+IpDF9YXW1HM274++oJrUpJ5Guryx8/wC4DV1Nnlk4qyy4yLTzdGcZJ5T5ux6lw/VKrTjNdUvr1PLpR5vU2fgfU3pypt/hd16MpjdSoGZbRs0whHDpOMQhCMYbdDJVkUVXi67gVXi55NnVqaKpqfMheoj1ZmanEm9iCepkwath4amWvj0sDVeKpbFFRoTltcPocLfUo48MkT/+Sk3gn5ZTzLFiShplFbEtwKI3oiVJLoR1AqSAtTOw2qSNZFUkDSqDalUi5rkZFUiVTfUfGoNjHuKT3MoszkEwfc643B43tsxKT+/1H1E2H1Y2eGV+vlJLmi3db+gc3fbPuNaFqh1IqJ635bt+xV0KnPUvd2Wwfxjhb/HT94gfD5crs8NstCqC6JOI1nFdyjnxS29/S5o9U04u+WYfiNRfEsrX7b/XsdWCNkJyo0nDdS5bLDNV4Rr21Fls4299zI8Ajj8l6Gl8PxtqIP8A9hJ8mhl2LPQzghHUcIhCEYx5kot9SWNMdCJNCJ59HWxsaYbotFzMbpqV2kX+mpKKNRkKjp1FWRJy2OxGV6iQaCMnIkpU+4LTrLewTCrcMUBs5qcFPrKliz1dVcrKDWPmaQmRhghtKHNdv+SdLsv4OUVslt94Doae6yJCFjymCwuO+9widC3+SFv72LONEtrF7sZyroSKwv1Jt0NREm/vaw+33cXw/qdXpkDGFHexUa7h3LLnSxv6MuUvqO5b77A9BTPPvEfEvhrkg/mfbojL6SneSfX9+/c9E4zwCEnKSWWrFHwzgvI/m3TO7Fmjr/ScsbbLTgOmtD7XqX/Bad68Eujv9Cqeo+HFuWIpXv7BvhLXc9ZS5WovCb6kJPaSY1Umeg2EziZ07F6ONiEIQaAYCFIIhSLenoEEQ0iOdYSvkBOGaX+plzRoXI6NPpYt6MEkGOK2ZzpFdWpWRifFfib4EuSEPiTtztdIw7yN7r5Kzv0V2eUeKdTKHwZ0fllOdSrOTtzc9NqNNe2ZJd2UhiTl/API6IuGf6hfEn8OtSVPmxF537WZudFWvHmweLQ11TnqUlGLdVwi5OKlJcsr3jJ/hbe7WWeu8JotUoRbykrt9X1Zv0KMFw2K5D9ZUvsV04u+/kXUqKS/IiWmWWcLVs6Vwj4dR2bLGeASlOxzUaqKWXbu/ItjXCU30Je33YAr0uxm9Z4/08ZcqbklhySbV/KxZcO49Srq9Kal5XVwzxzXTRlELhUzbBLGa6gWpo83zRYqMpLdnO+lQ5Sz9sIViCkvL8yVWXqajWMrK38D6bsd5r7/AEOKK7G+AskdNMqtdobfNH6FpGdmOqWlgRx/weMjM1Zrlakrrqn2JeGa2PNDlXKotKxJr9M1e2cMotHqEqi6We3mGN0ylJnqujq3QSkUfCK7aReJndhltE4MkakcEdOFiYFYcmNuOirsLYAvRU+rDGyOFrHJMy9GbtlTrq2ZL2MFx7gM6tlByspc0bW3e7d0bvV0XzXtucdHl7X/AEOZZJRbo6NU0jIcC8IQoyVWq+eolaN7Wj5o0kIdl99yd079RySJTcpu2UVRXCL4N3noD6p2TsGTBK73EYyM1xDivInd7dL2Mlp9ZU19dUOZxpX5p2eXDsbDXcPVXmjZfNjGL77mO0vC6+jq86ptqzjJx+ZOPR23Ov8ALrXfZHPd8CPFnFdPS5tLDS6ecY07KU4/PCo7/NGaafsYelJ05Rq0m4tNNZu/r/Y0fF+FurUlKKUua0nJzUbSttnIV4a8IVJTTlGyw03dxXeTx81ux3uUa6cqTvhovDfFHXgpOLT/AAzxb5u67mhhDvkn0HCoUoqEVhbuyvfuH0dKjypRuXDsUudAqcfIkkvIO/2/3YjlQ8xXjMpoCji50MVLyuMlp++AeNh3QKtxykSukiNwsJow2gfUq6sZXXaRKopdbmuqorNXpryTJdi2Xiyw4NVwjWU9kZDQYaNdQ/Cjq/K/ZzZx4hCOw5inlWyHaNXaZTymv4Vy10ULRvyy+lhbDRYSfVfycr14xi5SaSSu28JIi09a7s7+6Mn/AKr1ZrRtU/8Asufvybv80voUgrFlwI4l4ypxf/GlLpdySXslkqZ+K28uKf8A8tnjFLUNpu/W2MHP/J1IP5Zu/qW8EWLuz2/T+I4VGop8r7PH0fUuqM/XvhM8A0vE5Npt7vfrf1PV/wDT3itSrGcZu6jZQfXzv7kcn518KRyM2E1sC1IljyrqC1qfY45wotGRWfByOqw7hXJkm+Gnun6iwTGk0U3+2i88qXsvthMZO1lhewdU0CYx6dLoM1Ni3FCooNg8YBaUQlP2KxVE5OzskA1JNvKZYxkjjkhmgAsYrz/MTJmxrQtBILdzrguhIovqclcFBsCrw8rgWoh3LecQOvE5csToxyAaWGjWaGV4IzMIF/wmpeNuwfzOmDMrQeIVhHechnaELWRoabSj29cGepvKsXlOjjOREMxyrRs7PPqYjx9rZqnzQtLld3GUbqS63Rq9XhdvQw/ibVXum7ryun7/AEL43QkkeV6ySteMYxV72irLIDWoJ747NF1xfRfiav3sCLSyf4tu50piUA6XSycuWM0137HrngLS/Dhne9tuncyPBNDFWtG3f8N36N4/k9C0FJJNNxUZWirStJy6r2xsLJmRoHqY2d5bK7tuclqI5s9gKhqKW8c3fLzKzzHv5dCaepVsL8jiyUWhZLCon/DJ6cl3A6FTIXKYmMaRKmOauCq/p+g6M7FBKHzYrPuKVRPch5l3A2ElYx1BsmNikK2FD07hEWkv7kSj2Y2U7GMTSncayFzIpT8wNholkyCs8DZ1vME1NSxDI+FIeySm8sP4XO0ip08g7Rys0Rxumislw0VxDYSwjh37HJRRafdF7Syino0JJrDLdLAEFg+rV8L19jF+J9I4xc3ZRvd932RuJQX9yl4/pFWpSh7r1GT6A8Y4hxZRunSl69H2/Mg0nE6dS0ZLlb37YWXcuOL8KlDdd98qxn6mijf8O/a627HZFpok7L/h1RRlGSkne7jHFu2fzNrw+UbK1NWhZU3e7z+JrsjyeOjal8jd1tm2DScJ8UzpL/khz2Vk1dO3UXIn8Cq+npMalr8qSxddrklKV1lW/s+xla/jGjFRcYym3uo7Rutm+/kVuo8a1JtqnRs2sc2za2yckscpFVJI3D1Vs5CqNfm2wYLScQ1VSS/DFYlm91jK8zY6VSsm97ZttcXXUb2WFzrre5C5HYU2wWah0H2v9CRy8r+p29uoxq5jCi8kqaXRjYxsdlMyAOUiOcxkpX6HI0+4GE45HHkmjTS/gTa6o1BB5RAdRP7uF1532AK3sc+QrAl0+2AujPIDSVle/sT6SRJDmkpVMIQFTjhfuI6diVGhcUDVdwhMhrrqdDZzoglEDrxQVVmCVHcRsdIz/HeH/Ei8XxsZB8Ji3nde3X/B6U4+XqBVuHxbvYZZGjamFp8DhJ/hs83vd5fT9SDV+Gu17WTbS6djey0Ubp9htTTXN5mbRGL0nh2NOK3znFrJhlDg0f8ArdPPTf8Ac03wI+pJFRXQR5JMdRSK7h3D1FZV7bXWUy26EfxPIb8S/wB2Fs1DnYmjV6EDsOimZGZP+f0O5GxRLzYKIQbzeYyVzuOo7mXYxjlOm+oTBECqM65g9G6Str0Ip2sN5vQiqVr7CykgpEeoatm3oV8lfNrIl1MlfdP3BWs5+lzlnK2XiiWTi7WJtOsgiqJMIozETHaLenJWV2dA4TxuhFdxKNWmcrPA1SI608HU2cyXQZtNEMugzmszvMTUijRxkTlgfNkM+xmZDZRuRVYK2SUiqMCCRqOMDL7j9rjZ9w2Aa4HUvux1jXIASejS7fRhESKEvvA9zv5joVnJYGqZJCJ3k7DVYBpNGmmci7dhfEXYIBjiMY6or7A9SQkmMkdqVVsDVJ2OyXmC1ZZ2OacisUN511RypFbnJStl/rYFqVr9yRZRFOfT8wzTO37sDpZ6BsYYMjSC4sR2EcIQRTURkNqPA2LFNHazmA6qIZTsEzRBViSaHTGqVxjGSVhsavc2xqHMiZLJkbNYCJ7nJLA6fQa0awnE+hyw2D3OyRrMPU+gTRVgNInVbA0WK0Gci3O87WMMDp6g7KssFNxaCG7/ALMhlLyTI3eX7j6cbbtAuw0MuNTvi5LNXI5U1be30EkxkRVkCVG7BNSy2yBVql+jOaRaIJqHf9kRwpsncV2CtNp+rx6ioo5UNo0Xa4VRpffcmVNP7dgmEbFFjJOY1U/MQVGDtsIbxi2HcxPHYEuF6d4OgkRTgDVUH1IglSIWgJgcwWtTDZoFqInJDplfKrJChqfIInFMGnSJUMdq6jyI3qhOK6uw2Wn7Mxh862cDvi32I46Zj6dF9hkrBYlVYpzYTHSewRHTodRFsBpU33yEqCSyTySXYZGabxkZRoFjaaVuvov8nZOXRWJOY4k33MzEUKb3dxs/Qm5bClTv0foK1YyYHUmluyKLUnZJ+qLKlpPJe6CY0UtrCeIO5XU9GkTQ00Qr4SHciHWNIVzIo01/I5pDnYjqMLVGXQqnC6QhUVeKEANCRNpnk6IcUJmC1RCHYgNMEqCETZREMo5I0IRNjAupf6nUIQq9hCIrKRKt/wDLOCKwEYWthjeEIRQQjY+UUlfqcEAxzTK9rk8hCAEkjFMUYiEAI+nHIpsQh0AkisDYRTOiCAbWVtgCtI6IlkHh7LDTQXLH0EIQBj//2Q==" alt="">
-        <figcaption>a prime specimen of doge</figcaption>
-      </figure>
-
-      <div class="icons">
-        <span class="icon-x"></span>
-        <span class="icon-arrow"></span>
-        <span class="icon-arrow-left"></span>
-      </div>
-
-      <div class="flash-notice">notice</div>
-      <div class="flash-warning">warning</div>
-      <div class="flash-error">error</div>
-      <div class="flash-success">success</div>
-
-      <div class="navigation">
-        <h1>test</h1>
-        <ul>
-          <li>foo</li>
-          <li>bar</li>
-          <li>baz</li>
-        </ul>
-      </div>
-
-      <div class="notice">notice</div>
-      <div class="radio-buttons">
-        <fieldset>
-          <legend>
-            <pre>radio-buttons()</pre>
-          </legend>
-          <label for="terse" class="radio">
-            <input id="terse" type="radio" value="terse" name="quality"/><span>terse</span>
-          </label>
-          <label for="modular" class="radio">
-            <input id="modular" type="radio" value="modular" name="quality"/><span>modular  </span>
-          </label>
-          <label for="powerful" class="radio">
-            <input id="powerful" type="radio" value="powerful" name="quality"/><span>powerful</span>
-          </label>
-        </fieldset>
-      </div>
-      <div>
-        <p>Range slider:</p>
-        <input type="range" class="range"/>
-      </div>
-
-    </section>
-
-    <section id="utilities">
-      <h1>utilities</h1>
-
-      <div class="block b"></div>
-
-      <div class="quantity-queries">
-        h4>Add blue border of there are at least 2 lis:</h4>
-        <ul class="least">
-          <li>i'm one</li>
-          <li>two</li>
-          <li>tres</li>
-          <li>four</li>
-          <li>five  </li>
-        </ul>
-        <h4>Add orange border if between 0 and 20 elments:</h4>
-        <article class="between">
-          <div>i'm one</div>
-          <div>two</div>
-          <div>tres</div>
-          <div>four</div>
-          <div>five  </div>
-        </article>
-        <h4>Pink background if there are at most 9</h4>
-        <ul class="most">
-          <li>i'm one</li>
-          <li>two</li>
-          <li>tres</li>
-          <li>four</li>
-          <li>five    </li>
-        </ul>
-        <h4>Green border if exactly 5:</h4>
-        <ul class="exactly">
-          <li>i'm one</li>
-          <li>two</li>
-          <li>tres</li>
-          <li>four</li>
-          <li>five  </li>
-        </ul>
-      </div>
-
-      <p class="no-select">you should not be able to select this text</p>
-
-      <h5 class="rem-calculator">Font-size is set as 30px but the browser see it as 1.875rem</h5>
-
-      <div class="button rounded">look im rounded</div>
-
-      <div class="tri"></div>
-      <div class="tri-up"></div>
-      <div class="tri-left"></div>
-      <div class="tri-down"></div>
-      <div class="tri-right"></div>
-
-
-
-      <div class="debug">
-        <article>
-          <hgroup>
-            <h1>debug()</h1>
-          </hgroup>
-          <p> Toggle this on a parent element. It will add a border to its children, grandchildren, etc so you can see what's up - great for precise layout tweaks.  It will also add flags if you made mistakes like put in inline styles, forgot an alt on an image, left the alt blank, etc.</p>
-          <ul>
-            <li>Level 4<span>Level 5</span></li>
-            <li>Level 4<span style="">Level 5 w/ Inline style flag</span></li>
-            <li>Level 4</li>
-          </ul>
-          <h3>Images</h3>
-          <ul>
-            <li>
-              <p>no alt tag:</p><img src="http://dogr.io/doge.png" width="150px" height="150px"/>
-            </li>
-            <li>
-              <p>empty alt tag:</p><img src="http://dogr.io/doge.png" width="150px" height="150px" alt=""/>
-            </li>
-            <li>
-              <p>all good:</p><img src="http://dogr.io/doge.png" width="150px" height="150px" alt="Alt tags for images"/>
-            </li>
-          </ul>
-          <h3>Links</h3>
-          <ul>
-            <li><a>empty a tag    </a></li>
-            <li><a href="#">I link to #</a></li>
-            <li><a href="http://www.dbox.us" title="Check out my site.">I'm cool           </a></li>
-          </ul>
-        </div>
-      </section>
-
-    </section>
-
-  </body>
-
-</html>
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..558f84d
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,578 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+accord@0.27.0:
+  version "0.27.0"
+  resolved "https://registry.yarnpkg.com/accord/-/accord-0.27.0.tgz#bd4e93e1fe7460e7836af6ec6ca15867ac567dfa"
+  dependencies:
+    convert-source-map "^1.5.0"
+    glob "^7.0.5"
+    indx "^0.2.3"
+    lodash.clone "^4.3.2"
+    lodash.defaults "^4.0.1"
+    lodash.flatten "^4.2.0"
+    lodash.merge "^4.4.0"
+    lodash.partialright "^4.1.4"
+    lodash.pick "^4.2.1"
+    lodash.uniq "^4.3.0"
+    resolve "^1.3.3"
+    semver "^5.3.0"
+    uglify-js "^2.8.22"
+    when "^3.7.8"
+
+align-text@^0.1.1, align-text@^0.1.3:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/align-text/-/align-text-0.1.4.tgz#0cd90a561093f35d0a99256c22b7069433fad117"
+  dependencies:
+    kind-of "^3.0.2"
+    longest "^1.0.1"
+    repeat-string "^1.5.2"
+
+amdefine@>=0.0.4:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+
+assertion-error@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.0.2.tgz#13ca515d86206da0bac66e834dd397d87581094c"
+
+atob@~1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/atob/-/atob-1.1.3.tgz#95f13629b12c3a51a5d215abdce2aa9f32f80773"
+
+autoprefixer-stylus@0.13.0:
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/autoprefixer-stylus/-/autoprefixer-stylus-0.13.0.tgz#cc2a864e121fad691421c82d9f3e4328137b7df4"
+  dependencies:
+    autoprefixer "6.6.1"
+    multi-stage-sourcemap "0.2.1"
+    postcss "5.2.8"
+
+autoprefixer@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-6.6.1.tgz#11a4077abb4b313253ec2f6e1adb91ad84253519"
+  dependencies:
+    browserslist "~1.5.1"
+    caniuse-db "^1.0.30000604"
+    normalize-range "^0.1.2"
+    num2fraction "^1.2.2"
+    postcss "^5.2.8"
+    postcss-value-parser "^3.2.3"
+
+balanced-match@^0.4.1:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-0.4.2.tgz#cb3f3e3c732dc0f01ee70b403f302e61d7709838"
+
+brace-expansion@^1.0.0:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.7.tgz#3effc3c50e000531fb720eaff80f0ae8ef23cf59"
+  dependencies:
+    balanced-match "^0.4.1"
+    concat-map "0.0.1"
+
+browser-stdout@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.0.tgz#f351d32969d32fa5d7a5567154263d928ae3bd1f"
+
+browserslist@~1.5.1:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-1.5.2.tgz#1c82fde0ee8693e6d15c49b7bff209dc06298c56"
+  dependencies:
+    caniuse-db "^1.0.30000604"
+
+camelcase@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
+
+caniuse-db@^1.0.30000604:
+  version "1.0.30000664"
+  resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000664.tgz#e16316e5fdabb9c7209b2bf0744ffc8a14201f22"
+
+center-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/center-align/-/center-align-0.1.3.tgz#aa0d32629b6ee972200411cbd4461c907bc2b7ad"
+  dependencies:
+    align-text "^0.1.3"
+    lazy-cache "^1.0.3"
+
+chai@3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-3.5.0.tgz#4d02637b067fe958bdbfdd3a40ec56fef7373247"
+  dependencies:
+    assertion-error "^1.0.1"
+    deep-eql "^0.1.3"
+    type-detect "^1.0.0"
+
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
+cliui@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-2.1.0.tgz#4b475760ff80264c762c3a1719032e91c7fea0d1"
+  dependencies:
+    center-align "^0.1.1"
+    right-align "^0.1.1"
+    wordwrap "0.0.2"
+
+coffee-script@1.12.3:
+  version "1.12.3"
+  resolved "https://registry.yarnpkg.com/coffee-script/-/coffee-script-1.12.3.tgz#de5f4b1b934a4e9f915c57acd7ad323f68f715db"
+
+commander@2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
+  dependencies:
+    graceful-readlink ">= 1.0.0"
+
+concat-map@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+
+convert-source-map@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.5.0.tgz#9acd70851c6d5dfdd93d9282e5edf94a03ff46b5"
+
+css-parse@1.7.x:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-1.7.0.tgz#321f6cf73782a6ff751111390fc05e2c657d8c9b"
+
+css-parse@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/css-parse/-/css-parse-2.0.0.tgz#a468ee667c16d81ccf05c58c38d2a97c780dbfd4"
+  dependencies:
+    css "^2.0.0"
+
+css@^2.0.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/css/-/css-2.2.1.tgz#73a4c81de85db664d4ee674f7d47085e3b2d55dc"
+  dependencies:
+    inherits "^2.0.1"
+    source-map "^0.1.38"
+    source-map-resolve "^0.3.0"
+    urix "^0.1.0"
+
+debug@*:
+  version "2.6.6"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.6.tgz#a9fa6fbe9ca43cf1e79f73b75c0189cbb7d6db5a"
+  dependencies:
+    ms "0.7.3"
+
+debug@2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
+  dependencies:
+    ms "0.7.1"
+
+decamelize@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+
+deep-eql@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-0.1.3.tgz#ef558acab8de25206cd713906d74e56930eb69f2"
+  dependencies:
+    type-detect "0.1.1"
+
+diff@1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-1.4.0.tgz#7f28d2eb9ee7b15a97efd89ce63dcfdaa3ccbabf"
+
+escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+
+glob@7.0.5:
+  version "7.0.5"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.5.tgz#b4202a69099bbb4d292a7c1b95b6682b67ebdc95"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.2"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@7.0.x:
+  version "7.0.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.2"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.0.5:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.2"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+"graceful-readlink@>= 1.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
+
+growl@1.9.2:
+  version "1.9.2"
+  resolved "https://registry.yarnpkg.com/growl/-/growl-1.9.2.tgz#0ea7743715db8d8de2c5ede1775e1b45ac85c02f"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+
+indx@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/indx/-/indx-0.2.3.tgz#15dcf56ee9cf65c0234c513c27fbd580e70fbc50"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+
+is-buffer@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc"
+
+js-base64@^2.1.9:
+  version "2.1.9"
+  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.1.9.tgz#f0e80ae039a4bd654b5f281fc93f04a914a7fcce"
+
+json3@3.3.2:
+  version "3.3.2"
+  resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.2.tgz#3c0434743df93e2f5c42aee7b19bcb483575f4e1"
+
+kind-of@^3.0.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.0.tgz#b58abe4d5c044ad33726a8c1525b48cf891bff07"
+  dependencies:
+    is-buffer "^1.1.5"
+
+lazy-cache@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
+
+lodash._baseassign@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/lodash._baseassign/-/lodash._baseassign-3.2.0.tgz#8c38a099500f215ad09e59f1722fd0c52bfe0a4e"
+  dependencies:
+    lodash._basecopy "^3.0.0"
+    lodash.keys "^3.0.0"
+
+lodash._basecopy@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36"
+
+lodash._basecreate@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/lodash._basecreate/-/lodash._basecreate-3.0.3.tgz#1bc661614daa7fc311b7d03bf16806a0213cf821"
+
+lodash._getnative@^3.0.0:
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5"
+
+lodash._isiterateecall@^3.0.0:
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz#5203ad7ba425fae842460e696db9cf3e6aac057c"
+
+lodash.clone@^4.3.2:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.clone/-/lodash.clone-4.5.0.tgz#195870450f5a13192478df4bc3d23d2dea1907b6"
+
+lodash.create@3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/lodash.create/-/lodash.create-3.1.1.tgz#d7f2849f0dbda7e04682bb8cd72ab022461debe7"
+  dependencies:
+    lodash._baseassign "^3.0.0"
+    lodash._basecreate "^3.0.0"
+    lodash._isiterateecall "^3.0.0"
+
+lodash.defaults@^4.0.1:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
+
+lodash.flatten@^4.2.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
+
+lodash.isarguments@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a"
+
+lodash.isarray@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/lodash.isarray/-/lodash.isarray-3.0.4.tgz#79e4eb88c36a8122af86f844aa9bcd851b5fbb55"
+
+lodash.keys@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-3.1.2.tgz#4dbc0472b156be50a0b286855d1bd0b0c656098a"
+  dependencies:
+    lodash._getnative "^3.0.0"
+    lodash.isarguments "^3.0.0"
+    lodash.isarray "^3.0.0"
+
+lodash.merge@^4.4.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.0.tgz#69884ba144ac33fe699737a6086deffadd0f89c5"
+
+lodash.partialright@^4.1.4:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/lodash.partialright/-/lodash.partialright-4.2.1.tgz#0130d80e83363264d40074f329b8a3e7a8a1cc4b"
+
+lodash.pick@^4.2.1:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3"
+
+lodash.uniq@^4.3.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
+
+longest@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
+
+minimatch@^3.0.2:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.3.tgz#2a4e4090b96b2db06a9d7df01055a62a77c9b774"
+  dependencies:
+    brace-expansion "^1.0.0"
+
+minimist@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
+
+mkdirp@0.5.1, mkdirp@0.5.x:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  dependencies:
+    minimist "0.0.8"
+
+mocha@3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/mocha/-/mocha-3.2.0.tgz#7dc4f45e5088075171a68896814e6ae9eb7a85e3"
+  dependencies:
+    browser-stdout "1.3.0"
+    commander "2.9.0"
+    debug "2.2.0"
+    diff "1.4.0"
+    escape-string-regexp "1.0.5"
+    glob "7.0.5"
+    growl "1.9.2"
+    json3 "3.3.2"
+    lodash.create "3.1.1"
+    mkdirp "0.5.1"
+    supports-color "3.1.2"
+
+ms@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
+
+ms@0.7.3:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.3.tgz#708155a5e44e33f5fd0fc53e81d0d40a91be1fff"
+
+multi-stage-sourcemap@0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/multi-stage-sourcemap/-/multi-stage-sourcemap-0.2.1.tgz#b09fc8586eaa17f81d575c4ad02e0f7a3f6b1105"
+  dependencies:
+    source-map "^0.1.34"
+
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+
+num2fraction@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
+
+once@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  dependencies:
+    wrappy "1"
+
+path-is-absolute@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+
+path-parse@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1"
+
+postcss-value-parser@^3.2.3:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz#87f38f9f18f774a4ab4c8a232f5c5ce8872a9d15"
+
+postcss@5.2.8, postcss@^5.2.8:
+  version "5.2.8"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-5.2.8.tgz#05720c49df23c79bda51fd01daeb1e9222e94390"
+  dependencies:
+    chalk "^1.1.3"
+    js-base64 "^2.1.9"
+    source-map "^0.5.6"
+    supports-color "^3.1.2"
+
+repeat-string@^1.5.2:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+
+resolve-url@~0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
+
+resolve@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.3.3.tgz#655907c3469a8680dc2de3a275a8fdd69691f0e5"
+  dependencies:
+    path-parse "^1.0.5"
+
+right-align@^0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
+  dependencies:
+    align-text "^0.1.1"
+
+sax@0.5.x:
+  version "0.5.8"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-0.5.8.tgz#d472db228eb331c2506b0e8c15524adb939d12c1"
+
+semver@^5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
+
+source-map-resolve@^0.3.0:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.3.1.tgz#610f6122a445b8dd51535a2a71b783dfc1248761"
+  dependencies:
+    atob "~1.1.0"
+    resolve-url "~0.2.1"
+    source-map-url "~0.3.0"
+    urix "~0.1.0"
+
+source-map-url@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.3.0.tgz#7ecaf13b57bcd09da8a40c5d269db33799d4aaf9"
+
+source-map@0.1.x, source-map@^0.1.34, source-map@^0.1.38:
+  version "0.1.43"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.1.43.tgz#c24bc146ca517c1471f5dacbe2571b2b7f9e3346"
+  dependencies:
+    amdefine ">=0.0.4"
+
+source-map@^0.5.6, source-map@~0.5.1:
+  version "0.5.6"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
+
+strip-ansi@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  dependencies:
+    ansi-regex "^2.0.0"
+
+stylus@0.54.5:
+  version "0.54.5"
+  resolved "https://registry.yarnpkg.com/stylus/-/stylus-0.54.5.tgz#42b9560931ca7090ce8515a798ba9e6aa3d6dc79"
+  dependencies:
+    css-parse "1.7.x"
+    debug "*"
+    glob "7.0.x"
+    mkdirp "0.5.x"
+    sax "0.5.x"
+    source-map "0.1.x"
+
+supports-color@3.1.2, supports-color@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.1.2.tgz#72a262894d9d408b956ca05ff37b2ed8a6e2a2d5"
+  dependencies:
+    has-flag "^1.0.0"
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+
+type-detect@0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-0.1.1.tgz#0ba5ec2a885640e470ea4e8505971900dac58822"
+
+type-detect@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-1.0.0.tgz#762217cc06db258ec48908a1298e8b95121e8ea2"
+
+uglify-js@^2.8.22:
+  version "2.8.22"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-2.8.22.tgz#d54934778a8da14903fa29a326fb24c0ab51a1a0"
+  dependencies:
+    source-map "~0.5.1"
+    yargs "~3.10.0"
+  optionalDependencies:
+    uglify-to-browserify "~1.0.0"
+
+uglify-to-browserify@~1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz#6e0924d6bda6b5afe349e39a6d632850a0f882b7"
+
+urix@^0.1.0, urix@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
+
+when@^3.7.8:
+  version "3.7.8"
+  resolved "https://registry.yarnpkg.com/when/-/when-3.7.8.tgz#c7130b6a7ea04693e842cdc9e7a1f2aa39a39f82"
+
+window-size@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
+
+wordwrap@0.0.2:
+  version "0.0.2"
+  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
+
+wrappy@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+
+yargs@~3.10.0:
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"
+  dependencies:
+    camelcase "^1.0.2"
+    cliui "^2.1.0"
+    decamelize "^1.0.0"
+    window-size "0.1.0"