1 files changed, 28 insertions, 0 deletions
diff --git a/src/Design/Size.hs b/src/Design/Size.hs
new file mode 100644
index 0000000..8b323bf
--- /dev/null
+++ b/src/Design/Size.hs
@@ -0,0 +1,28 @@
+module Design.Size
+  ( indentation
+  , lineHeight
+  , listItemSep
+  , tabletMarginBottom
+  ) where
+
+import Clay hiding (lineHeight)
+import qualified Clay
+
+import qualified Design.Media as Media
+
+indentation :: Css
+indentation = do
+  Media.tablet $ marginLeft (px 10)
+  Media.desktop $ marginLeft (px 20)
+
+lineHeight :: Css
+lineHeight = do
+  Media.mobile $ Clay.lineHeight (px 30)
+  Media.tablet $ Clay.lineHeight (px 35)
+  Media.desktop $ Clay.lineHeight (px 40)
+
+listItemSep :: Size LengthUnit
+listItemSep = px 8
+
+tabletMarginBottom :: Css
+tabletMarginBottom = Media.tablet $ marginBottom (px 15)