aboutsummaryrefslogtreecommitdiff
path: root/css/Resume.hs
diff options
context:
space:
mode:
authorJoris2019-05-01 15:52:32 +0200
committerJoris2019-05-01 17:11:02 +0200
commit23f04635cc26e1b0553088f28553f518488a9fc8 (patch)
tree97037643bab24564046ce4aba90481e3b92a15d3 /css/Resume.hs
parent0fe906ae7453aa684e998bbcc7a78b62d84f0206 (diff)
Setup personal page with Hakyll
Diffstat (limited to 'css/Resume.hs')
-rw-r--r--css/Resume.hs87
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)