Setup personal page with Hakyll

1 files changed, 24 insertions, 0 deletions

diff --git a/css/Size.hs b/css/Size.hs
new file mode 100644
index 0000000..1fc097b
--- /dev/null
+++ b/css/Size.hs
@@ -0,0 +1,24 @@
+module Size
+  ( lineHeight
+  , listItemSep
+  , tabletMarginBottom
+  ) where
+
+import           Clay  hiding (lineHeight)
+import qualified Clay
+
+import qualified Media
+
+lineHeight :: Css
+lineHeight = do
+  Media.desktop $ Clay.lineHeight (px 40)
+  Media.tablet $ Clay.lineHeight (px 35)
+  Media.mobile $ Clay.lineHeight (px 30)
+
+listItemSep :: Size LengthUnit
+listItemSep =
+  px 8
+
+tabletMarginBottom :: Css
+tabletMarginBottom =
+  Media.tablet $ marginBottom (px 15)