       [:.explanation
        {:margin-left "1.5rem"
         :margin-top "0.25em"}
+
        [:p
         {:display "inline"
          :margin-right "0.25em"}]]]]]

    [reagent.core :as r]
    [garden.core :refer [css]]
    [garden.stylesheet :refer [at-import]]
    [clojure.string :as string]))

(def braid-color "#2bb8ba")

(def small-spacing "0.5rem")
(def border-radius "3px")

(defn input-field-mixin []
  {:font-size "1.25rem"

    [:.explanation
     {:color "#999"
      :font-size "0.75em"
      :margin [[small-spacing 0 0 0]]}

     [:p
      {:margin "0"}]]

    [:.error-message
     {:position "absolute"
      :top 0
      :right 0
      :text-align "right"
      :line-height "1.5rem"
      :font-size "0.75em"
      :color invalid-color}]

    [:label
     {:display "block"}
