                           :bottom (px margin)
                           :font-size (pt 9)
                           :color dashboard-page-count-color}])]
-        (let [title-padding 5
+        (let [title-padding (px 5)
               title-height (em 2)]
           [:.title {:width "100%"
                     :display :block
-                    :padding {:top (px title-padding)
-                              :bottom (px title-padding)}
+                    :padding {:top title-padding
+                              :bottom title-padding}
                     :height title-height
                     :line-height title-height
                     :overflow :hidden

(ns ^:figwheel-always pepa.style
  (:require [garden.core :refer [css]]
            [garden.units :as u :refer [px em pt]]
            [garden.stylesheet :refer [at-keyframes cssfn]]
            
            [nom.ui :as ui]
            [pepa.navigation :refer [navigation-elements]]

            [clojure.string :as s]
            [goog.string :as gstring]))

;;; Colors


                  :display :flex
                  :flex-direction :row}

     ;; This is the HEADER SHADOW ELEMENT. It has to be the :before
     ;; element of the .container because the header is split in three
     ;; parts and there are some bugs with the z-index and positioning
     [:&:before {:content (pr-str " ")
                 :position :absolute ;Not fixed due to safari scroll special behaviour
                 :box-shadow "0px 0px 8px 0px rgba(0,0,0,0.4)"
                 :left 0
                 :right 0
                 :top 0
                 :z-index 20
                 :pointer-events :none
                 :height (px (- header-height 2))
                 :background :transparent}]]
    [:&.file-drop
     {:background "red"}]
    clear-a-css
