1
0
Fork 0
website/src/site/styles.clj

51 lines
1.4 KiB
Clojure

(ns site.styles
(:require [garden.def :refer [defrule defstyles]]
[garden.stylesheet :refer [rule]]))
(def textcolor-main "rgba(0, 0, 0, 0.87)")
(defstyles base
[:.main
{:max-width "600px"}]
[:h1 {:font-size "1.5em"}]
["h1:not(:first-child)" {:margin-top "2em"}]
[:h2 {:font-size "1.3em"}]
[:h3 {:font-size "1.15em"}]
["img, .img" {:border-radius "5px"}]
[:.sidebar
{:max-width "300px"}
[">a,span" {:display "block" :padding "10px 0"}]
[:.gpg {:font-size "0.8em" :margin-left "20px"}]]
[:.column
{:flex "auto"
:padding "20px"}]
[:.title {:margin-bottom "0.5em"}]
[:body
{:display "flex"
:flex-direction "row"
:flex-wrap "wrap"
:justify-content "center"
:color textcolor-main
:background-color "#ffead1"
:font-family "Ubuntu, sans-serif"
:font-size "16px"
:line-height 1.2}]
[:a {:text-decoration "none" :color "#ae3100"}]
["a:link"]
["a:visited" {:color "#681e00"}]
["a:hover"]
["a:active"]
[:.other-stuff
{:margin-top "4em"}
[:img {:float "left" :max-width "250px" :margin-right "40px"}]]
[:.name {:padding "10px 0" :font-size "1.2em"}]
[:.publication [:p [:a {:padding "0 10px"}]]]
[:.publication [:div {:padding ".2em 10px .2em 30px"}]]
;; Create a separator between publications with the border
[".publication:not(:last-child)" {:border-bottom "1px solid black"}]
;;
[:.conf {:font-size "14px" :color "rgba(0, 0, 0, 0.70)"}])