From 23f04635cc26e1b0553088f28553f518488a9fc8 Mon Sep 17 00:00:00 2001
From: Joris
Date: Wed, 1 May 2019 15:52:32 +0200
Subject: Setup personal page with Hakyll

---
 css/Resume.hs | 87 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 css/Resume.hs

(limited to 'css/Resume.hs')

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)
-- 
cgit v1.2.3