module Size
  ( lineHeight
  , listItemSep
  , tabletMarginBottom
  ) where

import           Clay  hiding (lineHeight)
import qualified Clay

import qualified Media

lineHeight :: Css
lineHeight = do
  Media.desktop $ Clay.lineHeight (px 40)
  Media.tablet $ Clay.lineHeight (px 35)
  Media.mobile $ Clay.lineHeight (px 30)

listItemSep :: Size LengthUnit
listItemSep =
  px 8

tabletMarginBottom :: Css
tabletMarginBottom =
  Media.tablet $ marginBottom (px 15)