aboutsummaryrefslogtreecommitdiff
path: root/css/Header.hs
diff options
context:
space:
mode:
Diffstat (limited to 'css/Header.hs')
-rw-r--r--css/Header.hs53
1 files changed, 0 insertions, 53 deletions
diff --git a/css/Header.hs b/css/Header.hs
deleted file mode 100644
index ab58b0c..0000000
--- a/css/Header.hs
+++ /dev/null
@@ -1,53 +0,0 @@
-{-# LANGUAGE OverloadedStrings #-}
-
-module Header
- ( style
- ) where
-
-import Data.Monoid ((<>))
-
-import Clay hiding (style)
-import Clay.Display (displayTable)
-
-import qualified Color as Color
-import qualified Media as Media
-
-style :: Css
-style = do
-
- ".Header__Container" ? do
- backgroundColor Color.red
- color Color.white
- fontSize (px 28)
- display flex
-
- ".Header__Link" ? do
- display flex
- justifyContent center
- alignItems center
- flexGrow 1
- flexBasis (px 0)
- height (em 3)
- lineHeight (em 3)
- textDecoration none
- padding (px 0) (px 0) (px 0) (px 0)
- textAlign (alignSide sideCenter)
- color Color.white
- textTransform capitalize
- transition "background-color" (ms 500) ease (sec 0)
- Media.tablet $ fontSize (em 0.8)
- Media.mobile $ fontSize (em 0.6)
-
- (".Header__Link" # hover <> ".Header__Link" # focus <> ".Header__LinkCurrent") ? do
- backgroundColor Color.red
- borderBottomStyle solid
- borderBottomColor (Color.red +. 40)
- Media.mobile $ borderBottomWidth (px 6)
- Media.tablet $ borderBottomWidth (px 8)
- Media.desktop $ borderBottomWidth (px 10)
-
- ".Header__Icon" ? do
- display flex
- height (px 40)
- marginRight (px 20)
- Media.mobile $ display none