    ["*"
     {:transform-origin "0px 0px 0px"}]
    ["html|* > svg"
-    {:transform-origin "50% 50%"}]
-
-   ])
+    {:transform-origin "50% 50%"}]])
+
+
 
 (def label-mixin {:color      text-color
                   :background background-gray-hint

                         :padding          (px 5)
                         :font-weight      "600"
                         ;; TODO: figure out how to hide long events
                         :text-overflow    "ellipsis"}]
    ]
   [(s/& :.external-window) {:display "flex"
                             :height  (percent 100)
                             :flex    "1 1 auto"}]

   ;; https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
   [:.dont-break-out
    {
     "overflow-wrap"   "break-word"
     "word-wrap"       "break-word"

     "-ms-word-break"  "break-all"
     ; This is the dangerous one in WebKit, as it breaks things wherever
     "word-break"      "break-all"
     ; /* Instead use this non-standard one: */
     :word-break       "break-word"

     ; /* Adds a hyphen where the word breaks, if supported (No Blink) */
     "-ms-hyphens"     "auto"
     "-moz-hyphens"    "auto"
     "-webkit-hyphens" "auto"
     "hypens"          "auto"}]])

(def highlight-js-solarized
  ;; From https://github.com/isagalaev/highlight.js/blob/master/src/styles/solarized-light.css
  [[:.hljs {"display" "block"
            "padding" "0.5em"
            "color"   "#657b83"}]
   [:.hljs-comment :.hljs-quote
    {"color" "#93a1a1"}]
   [:.hljs-keyword :.hljs-selector-tag :.hljs-addition
