module Design.Size
  ( indentation
  , lineHeight
  , listItemSep
  , tabletMarginBottom
  ) where

import Clay hiding (lineHeight)
import qualified Clay

import qualified Design.Media as Media

indentation :: Css
indentation = do
  Media.tablet $ marginLeft (px 10)
  Media.desktop $ marginLeft (px 20)

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

listItemSep :: Size LengthUnit
listItemSep = px 8

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