From 5bb9784807e754a15d8a9e4fdf404e91a372360f Mon Sep 17 00:00:00 2001
From: Caleb <inchristalway-tech4him@yahoo.com>
Date: Mon, 2 Oct 2017 15:06:21 -0600
Subject: [PATCH] Update `react-toolbox` CSS to be a full copy.

---
 src/react-toolbox-global.css | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/react-toolbox-global.css b/src/react-toolbox-global.css
index 21510c94..ab03c2e4 100644
--- a/src/react-toolbox-global.css
+++ b/src/react-toolbox-global.css
@@ -10,15 +10,17 @@
   }
 
   & body {
+    position: absolute;
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0;
+    font-family: Roboto, sans-serif;
     font-size: 1.6rem;
     -webkit-touch-callout: none;
-    * {
-      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-    }
+  }
+  & body * {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   }
 
   & a, & abbr, & address, & article, & aside, & audio, & b, & blockquote, & body, & caption, & cite,
@@ -41,7 +43,7 @@
 
   & a {
     text-decoration: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: transparent;
   }
 
   & input:not([type="checkbox"]):not([type="radio"]),
@@ -59,35 +61,43 @@
 
   & h1, & h2, & h3, & h4, & h5, & h6, & label, & p, & button, & abbr, & a, & span, & small {
     font-smoothing: antialiased;
+    -webkit-font-smoothing: antialiased;
     text-size-adjust: 100%;
   }
 
   & h1 small, & h2 small, & h3 small, & h4 small, & h5 small, & h6 small {
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     font-size: 5.6rem;
     font-weight: 400;
     line-height: 1.35;
+    letter-spacing: -.02em;
     opacity: .54;
   }
 
   & h1 {
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     font-size: 5.6rem;
     font-weight: 400;
     line-height: 1.35;
+    letter-spacing: -.02em;
   }
 
   & h2 {
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     font-size: 4.5rem;
     font-weight: 400;
     line-height: 4.8rem;
   }
 
   & h3 {
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     font-size: 3.4rem;
     font-weight: 400;
     line-height: 4rem;
   }
 
   & h4 {
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     font-size: 2.4rem;
     font-weight: 400;
     line-height: 3.2rem;
@@ -95,20 +105,25 @@
   }
 
   & h5 {
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     font-size: 2rem;
     font-weight: 500;
     line-height: 1;
+    letter-spacing: .02em;
   }
 
   & h6 {
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
     font-size: 1.6rem;
     font-weight: 400;
     line-height: 2.4rem;
+    letter-spacing: .04em;
   }
 
   & p {
     font-size: 1.4rem;
     font-weight: 400;
     line-height: 2.4rem;
+    letter-spacing: 0;
   }
 }