aboutsummaryrefslogtreecommitdiff
path: root/css/Resume.hs
diff options
context:
space:
mode:
authorJoris2020-10-31 15:24:26 +0100
committerJoris2020-10-31 15:24:26 +0100
commit1e167679f6827c7119d616633b21fffef269cd75 (patch)
tree9c846c03913366936a093976a329e7a774002283 /css/Resume.hs
parentc9c0a6e8651da823b41e4186a736f2dbb48919db (diff)
Use only HTML and CSS
Diffstat (limited to 'css/Resume.hs')
-rw-r--r--css/Resume.hs87
1 files changed, 0 insertions, 87 deletions
diff --git a/css/Resume.hs b/css/Resume.hs
deleted file mode 100644
index ec7af62..0000000
--- a/css/Resume.hs
+++ /dev/null
@@ -1,87 +0,0 @@
-{-# 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)