Setup personal page with Hakyll

1 files changed, 31 insertions, 0 deletions

diff --git a/css/IconLink.hs b/css/IconLink.hs
new file mode 100644
index 0000000..9abbb5d
--- /dev/null
+++ b/css/IconLink.hs
@@ -0,0 +1,31 @@
+{-# LANGUAGE OverloadedStrings #-}
+
+module IconLink
+  ( style
+  ) where
+
+import           Clay  hiding (style)
+
+import qualified Link
+import qualified Media
+
+style :: Css
+style = do
+
+  Link.style ".IconLink__Link"
+
+  ".IconLink__Link" ? do
+    display inlineFlex
+    alignItems center
+    marginBottom (px 15)
+
+    Media.desktop $ fontSize (px 18)
+    Media.tablet $ fontSize (px 16)
+    Media.mobile $ fontSize (px 14)
+
+  ".IconLink__Icon" ? do
+    marginRight (px 12)
+
+    Media.desktop $ height (px 20)
+    Media.tablet $ height (px 16)
+    Media.mobile $ height (px 14)