{-# LANGUAGE OverloadedStrings #-}

module Design.Global
  ( globalDesign
  ) where

import Clay

import Data.Monoid ((<>))
import Data.Text.Lazy (Text)

import Design.Color as C

globalDesign :: Text
globalDesign = renderWith compact [] global

global :: Css
global = do

  header ?
    h1 ? do
      fontSize (px 40)
      textAlign (alignSide sideCenter)
      margin (px 30) (px 0) (px 40) (px 0)
      color C.brown

  table ? do
    width (pct 100)
    textAlign (alignSide (sideCenter))
    "border-spacing" -: "10 px"

    th ? do
      color C.green
      fontWeight bold
      borderBottom solid (px 1) C.brown

    tr <> th ? do
      fontSize (px 18)
      lineHeight (px 30)