mason-stewart

{
  "vars": {
    "@gray-base": "#000",
    "@gray-darker": "lighten(@gray-base, 13.5%)",
    "@gray-dark": "lighten(@gray-base, 20%)",
    "@gray": "lighten(@gray-base, 33.5%)",
    "@gray-light": "lighten(@gray-base, 46.7%)",
    "@gray-lighter": "lighten(@gray-base, 93.5%)",
    "@brand-primary": "darken(#428bca, 6.5%)",
    "@brand-success": "#5cb85c",

mason-stewart

    |---------------------------------|                    IZZZOZ$ZZZZODDDNNND8OO8OO7Z
    |  You ring the Bell of Opening.  |                   ?O8O88O8Z$88888NNNNNDZ$ZZOO7I
    |                                 |                 ?8ZO8DDDOO8NNNMNNN8NNDOZZZZZOZ?
    |  The Bell of Opening issues an  |                I8OOZZDNNDDDNNMMMMMM8MDDNDD88888O=
    |  unsettling shrill sound.       |               7888ZO8NNMMD8NMMNMMNMNNMMNDNDNNNDDDO
    |                                 |              ?OOODO8NNNDDDD8NNMMMMMNMNMNDDNNNNNND87
    |                                 |             =O$888D88ZZZOODNMNMMMNNNNNNNMMMNNNNDD88?~
    |  Patrick Swayze materializes    |             I$ZODDNDNNNMMMMMMMND8OZZOO8DNMMMNNNDD8N8I
    |  out of the haunting mist.      |             $OODDNNMMMMNNNND888Z$$7$$$ZO8DMNNNDNDD8DO~

mason-stewart

        <div class="images-container">
            <div class="image-slider">
            </div>
        </div>

        <div class="button-container">
            <div class="button previous">&lt;&lt;</div>
            <div class="button play">&#9654
            </div>
            <div class="button stop">&#9608</div>

mason-stewart

(ns first
  "Let's start with something short."
  (:require [dommy.core :as dom]
            [inky.sketch :as sketch])
  (:use-macros [dommy.macros :only (node)]))

(sketch/page-style!
  [:div.box {:position "absolute"
             :top "48%"
             :bottom "48%"