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)