{-# LANGUAGE OverloadedStrings #-}

module IconLink
  ( style
  ) where

import           Clay  hiding (style)

import qualified Link
import qualified Media

style :: Css
style = do

  Link.style ".IconLink__Link"

  ".IconLink__Link" ? do
    display inlineFlex
    alignItems center
    marginBottom (px 15)

    Media.desktop $ fontSize (px 18)
    Media.tablet $ fontSize (px 16)
    Media.mobile $ fontSize (px 14)

  ".IconLink__Icon" ? do
    marginRight (px 12)

    Media.desktop $ height (px 20)
    Media.tablet $ height (px 16)
    Media.mobile $ height (px 14)