{-# LANGUAGE OverloadedStrings #-}

module Design.LoggedIn.Home.Pages
  ( design
  ) where

import Clay

import Design.Color as Color
import Design.Helper
import Design.Constants

design :: Css
design = do
  padding (px 40) (px 30) (px 30) (px 30)
  textAlign (alignSide (sideCenter))
  clearFix

  ".page" ? do
    defaultButton Color.white Color.dustyGray (px 50) focusDarken
    display inlineBlock
    border solid (px 2) Color.dustyGray
    marginRight (px 10)
    paddingLeft (px 10)
    paddingRight (px 10)
    fontWeight bold

    ":not(.current)" & cursor pointer

    ".current" & do
      borderColor Color.chestnutRose
      color Color.chestnutRose