aboutsummaryrefslogtreecommitdiffstats
path: root/src/css/imports/_typography.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/css/imports/_typography.css')
-rwxr-xr-xsrc/css/imports/_typography.css41
1 files changed, 31 insertions, 10 deletions
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;