diff options
author | Joris | 2019-05-01 15:52:32 +0200 |
---|---|---|
committer | Joris | 2019-05-01 17:11:02 +0200 |
commit | 23f04635cc26e1b0553088f28553f518488a9fc8 (patch) | |
tree | 97037643bab24564046ce4aba90481e3b92a15d3 /css/Resume.hs | |
parent | 0fe906ae7453aa684e998bbcc7a78b62d84f0206 (diff) |
Setup personal page with Hakyll
Diffstat (limited to 'css/Resume.hs')
-rw-r--r-- | css/Resume.hs | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/css/Resume.hs b/css/Resume.hs new file mode 100644 index 0000000..ec7af62 --- /dev/null +++ b/css/Resume.hs @@ -0,0 +1,87 @@ +{-# LANGUAGE OverloadedStrings #-} + +module Resume + ( style + ) where + +import Clay hiding (style) + +import qualified Color +import qualified Media +import qualified Size + +style :: Css +style = do + + ".Resume__NameAndPrint" ? do + display flex + justifyContent spaceBetween + + ".Resume__Print" ? do + color Color.red + transition "all" (ms 100) ease (sec 0) + hover & transform (scale 1.2 1.2) + marginLeft (px 10) + + Media.desktop $ do + lineHeight (px 50) + height (px 50) + fontSize (px 40) + + Media.tablet $ do + lineHeight (px 40) + height (px 40) + fontSize (px 30) + + Media.mobile $ do + lineHeight (px 30) + height (px 30) + fontSize (px 20) + + ".Resume__GitLabLink" ? do + Media.desktop $ marginLeft (px 30) + Media.tablet $ marginLeft (px 20) + + ".Resume__Container" ? do + Media.desktop $ do + marginBottom (px 40) + marginLeft (px 30) + Media.tablet $ do + marginBottom (px 40) + marginLeft (px 20) + Media.mobile $ + marginBottom (px 25) + + ".Resume__Name" <> ".Resume__Location" <> ".Resume__Description" ? do + Size.lineHeight + + ".Resume__Name" ? do + backgroundColor Color.orange + color Color.white + padding (px 0) (px 10) (px 0) (px 10) + sym borderRadius (px 2) + + Media.desktop $ do + display inlineBlock + marginBottom (px 10) + + Media.mobileTablet $ + marginBottom (px 10) + + ".Resume__Time" ? do + fontStyle italic + marginBottom (px 10) + + Media.desktop $ do + display inlineBlock + marginLeft (px 15) + + Media.mobile $ + fontSize (pct 90) + + ".Resume__Location" ? do + color Color.green + Size.tabletMarginBottom + Media.mobile $ do + fontSize (pct 90) + marginBottom (px 10) |