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/Section.hs | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 css/Section.hs

(limited to 'css/Section.hs')

diff --git a/css/Section.hs b/css/Section.hs
new file mode 100644
index 0000000..4e236a3
--- /dev/null
+++ b/css/Section.hs
@@ -0,0 +1,43 @@
+{-# LANGUAGE OverloadedStrings #-}
+
+module Section
+  ( style
+  ) where
+
+import           Clay  hiding (style)
+
+import qualified Color
+import qualified Media
+
+style :: Css
+style = do
+
+  ".Section__Container" ? do
+    position relative
+    margin (pct 0) (pct 10) (pct 0) (pct 10)
+
+  ".Section__Title" ? do
+    color Color.red
+    fontFamily [] [monospace]
+    fontWeight bold
+
+    Media.desktop $ do
+      lineHeight (px 50)
+      fontSize (px 30)
+      marginBottom (px 40)
+      marginTop (px 55)
+
+    Media.tablet $ do
+      lineHeight (px 40)
+      fontSize (px 27)
+      marginBottom (px 35)
+      marginTop (px 45)
+
+    Media.mobile $ do
+      lineHeight (px 30)
+      fontSize (px 22)
+      marginBottom (px 20)
+      marginTop (px 35)
+
+  ".Section__Entries" ? do
+    paddingLeft (px 0)
-- 
cgit v1.2.3