   (/ (Math.log10 (inc input)) 2)
   )
 
+
 (defn exp-transform
   "invert the log transform"
   [output]
   (dec (Math.pow 10 (* output 2)))
   )
 
+;; test square: insert to check mixin behviour
 (r/defc square < r/static [slider value fill]
   [:div.bar {:style
              {:background-color (important fill)
               :height (px 10)
-              :width (px 10)
-          }}]
-  )
+              :width (px 10)}}])
+
+
+(r/defc zero-bar < r/static [slider value]
+  [:div.bar {:style {:background-color "#eeeeee"
+                     :width "calc(25px - )"
+                     ;:width (str (bar-width slider value) "%")
+                     }}])
 
 
 (r/defc bar < r/static [slider value fill]
   [:div.bar {:style {:background-color fill
-                     :width (str (bar-width slider value) "%")}}
-   #_(square (:inner (colour-map (r/react core/app))))
-   ])
-
+                     :width (str (bar-width slider value) "%")}}])
 
 
 (r/defc dot < r/static r/reactive [slider size value & [relative]]

    :outer-low "#ffffbf"
    :outer-high "#ffffbf"
    :high "#91bfdb"
    :dot "white"
    }
   :brewer-RdYl
   {:low "white"

    :outer-low "#8FB4E1"
    :outer-high "#8FB4E1"
    :high "white"
    :header "#578FD2"
    :dot "black"
    }
   })
