             [garden.color :as color :refer [hsl rgb]]
             [garden.arithmetic :refer [+ - * /]]
             [garden.stylesheet :refer [at-media]]
+            [mesh.respond :as respond]
             [mesh.utils :refer [border-box clearfix reset-padding]]))
 
 (defn initialize [clazz gutter]

     [:&:first-child {:padding-left gutter}]
     [:&:last-child {:padding-right gutter}]]]])

;; https://css-tricks.com/dont-overthink-it-grids/
(defn create-minimal-grid [clazz pad]
  [[:* {:box-sizing "border-box"}]
   [clazz {:background "white"

    [:.col-1-8 {:width "12.50%"}]
    [:.out-padding {:padding [[pad 0 pad pad pad]]}
     ["[class*='col-']:last-of-type" {:padding-right pad}]]]])

;; Fluid/Fractional Grids, with nesting

(defn create-nested-units []
  [:.unit
