{-# LANGUAGE OverloadedStrings #-}

module Section
  ( style
  ) where

import           Clay  hiding (style)

import qualified Color
import qualified Media

style :: Css
style = do

  ".Section__Container" ? do
    position relative
    margin (pct 0) (pct 10) (pct 0) (pct 10)

  ".Section__Title" ? do
    color Color.red
    fontFamily [] [monospace]
    fontWeight bold

    Media.desktop $ do
      lineHeight (px 50)
      fontSize (px 30)
      marginBottom (px 40)
      marginTop (px 55)

    Media.tablet $ do
      lineHeight (px 40)
      fontSize (px 27)
      marginBottom (px 35)
      marginTop (px 45)

    Media.mobile $ do
      lineHeight (px 30)
      fontSize (px 22)
      marginBottom (px 20)
      marginTop (px 35)

  ".Section__Entries" ? do
    paddingLeft (px 0)