From 20d33818a838a7c022456d5620d255283531ba97 Mon Sep 17 00:00:00 2001
From: Darin Dimitroff <d@thecrazyones.agency>
Date: Mon, 2 Jan 2017 16:09:21 +0200
Subject: WIP

---
 src/css/imports/_typography.css | 41 +++++++++++++++++++++++++++++++----------
 1 file changed, 31 insertions(+), 10 deletions(-)

(limited to 'src/css/imports/_typography.css')

diff --git a/src/css/imports/_typography.css b/src/css/imports/_typography.css
index 4d6fecc..3aba6ea 100755
--- a/src/css/imports/_typography.css
+++ b/src/css/imports/_typography.css
@@ -1,20 +1,41 @@
-/*
-
-   TYPOGRAPHY
-   http://tachyons.io/docs/typography/measure/
+html {
+  font-size: 18px;
+  @media (--breakpoint-medium) {
+    font-size: 20px;
+  }
+  @media (--breakpoint-large) {
+    font-size: 22px;
+  }
+}
 
-   Media Query Extensions:
-     -ns = not-small
-     -m  = medium
-     -l  = large
 
-*/
+body {
+  font-size: var(--spacing-medium);
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--white);
+ }
 
 p {
-  margin-bottom: 1rem;
+  margin-bottom: var(--spacing-medium);
   max-width: 32rem;
 }
 
+strong {
+  font-weight: 800;
+}
+
+em {
+  font-style: italic;
+}
+
+sup {
+  font-size: .6rem;
+  font-weight: 700;
+  vertical-align: super;
+}
+
 /* Measure is limited to ~66 characters */
 .measure {
   max-width: 30em;
-- 
cgit v1.3