Setup personal page with Hakyll

1 files changed, 43 insertions, 0 deletions

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)