Hakyll almost default CSS in Clay

Default.hs

{-# LANGUAGE OverloadedStrings #-}
module Css.Default where

import           Clay

import           Prelude ()

defaultStyleSheet :: Css
defaultStyleSheet = do
  body ? do
    background black
    fontSize  (px  16)
    margin    (px   0) auto (px 0) auto
    width     (px 600)

  header ? do
    borderBottom solid (px 2) black
    marginBottom (px 30)
    padding      (px 12) (px 0) (px 12) (px 0)

    "#navigation" ? do
      textAlign (alignSide sideRight)

      a ? do
        color black
        fontSize      (px 18)
        fontWeight     bold
        marginLeft    (px 12)
        textDecoration none
        textTransform  uppercase

  div # "#logo" ? a ? do
      color          black
      float          floatLeft
      fontSize      (px 18)
      fontWeight     bold
      textDecoration none

  div # "#content" ? h1 ? do
      borderBottom solid (px 2) black

  div # ".info" ? do
    color "#555"
    fontSize (px 14)
    fontStyle italic

  footer ? do
    color     "#555"
    fontSize  (px 12)
    marginTop (px 30)
    padding   (px 12) (px 0) (px 12) (px 0)
    textAlign (alignSide sideCenter)

  h1 ? do
    fontSize (px 24)

  h2 ? do
    fontSize (px 20)