From 9e79cc2d240c565ed74fd4982758d15ed8c1ea86 Mon Sep 17 00:00:00 2001
From: Anna Sidwell <anna@takkaria.org>
Date: Thu, 14 Nov 2019 01:57:56 +0000
Subject: [PATCH] Tweaks to text formatting

Bump up font size, fix line height, stop

S P A C I N G E V E R Y T H I N G L I K E T H I S

and use a decent font stack for monospace.
---
 src/assets/styles/components/_basic.scss | 17 ++---------------
 src/assets/styles/libs/_vars.scss        |  6 +++---
 2 files changed, 5 insertions(+), 18 deletions(-)

diff --git a/src/assets/styles/components/_basic.scss b/src/assets/styles/components/_basic.scss
index 5620fc9..a2fa6de 100644
--- a/src/assets/styles/components/_basic.scss
+++ b/src/assets/styles/components/_basic.scss
@@ -19,23 +19,10 @@ body {
 body, input, select, textarea {
   color: _palette(fg);
   font-family: _font(family);
-  font-size: 15pt;
+  font-size: 18px;
   font-weight: _font(weight);
   letter-spacing: _size(letter-spacing);
-  line-height: 1.65em;
-
-  @include breakpoint(xlarge) {
-    font-size: 13pt;
-  }
-
-  @include breakpoint(large) {
-    font-size: 12pt;
-  }
-
-  @include breakpoint(small) {
-    font-size: 11pt;
-    letter-spacing: _size(letter-spacing) * 0.5;
-  }
+  line-height: 1.6;
 }
 
 a {
diff --git a/src/assets/styles/libs/_vars.scss b/src/assets/styles/libs/_vars.scss
index d7aefc0..c29d45e 100644
--- a/src/assets/styles/libs/_vars.scss
+++ b/src/assets/styles/libs/_vars.scss
@@ -17,13 +17,13 @@
     element-height:   2.75em,
     element-margin:   2em,
     letter-spacing:   0,
-    letter-spacing-alt: 0.225em
+    letter-spacing-alt: 0.1em
   );
 
 // Font.
   $font: (
     family:           (-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif),
-    family-fixed:     ('Courier New', monospace),
+    family-fixed:     (SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace),
     weight:           400,
     weight-bold:      600,
     weight-extrabold: 800
@@ -53,7 +53,7 @@
 
     accent2: (
       bg:       #ffffff,
-      fg-bold:    #2E3842,
+      fg-bold:    #41505E,
       fg:       #4E4852,
       fg-light:   #8E8892,
       border:     #dfdfdf,