aboutsummaryrefslogtreecommitdiff
path: root/css/IconLink.hs
blob: 9abbb5d6677e57e5d267844a3dccf610e8252936 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{-# 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)