From d0f0b32eb334039942cf1a8693b30bd79fc5bc8e Mon Sep 17 00:00:00 2001
From: Huy Tran <hoang.huy.tran@gmail.com>
Date: Mon, 13 Aug 2018 09:57:23 +0700
Subject: [PATCH] revises/refactors base styles

---
 static-src/scss/hyde-hyde/_base.scss      | 18 ++++++++++++++----
 static-src/scss/hyde-hyde/_variables.scss |  9 +++++----
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/static-src/scss/hyde-hyde/_base.scss b/static-src/scss/hyde-hyde/_base.scss
index 7bdfcfe..01fc19e 100644
--- a/static-src/scss/hyde-hyde/_base.scss
+++ b/static-src/scss/hyde-hyde/_base.scss
@@ -1,9 +1,19 @@
-html,
-body {
+* {
+	box-sizing: border-box;
+}
+
+html {
 	-webkit-text-size-adjust: 100%; // for iOS
 	box-direction: normal;
-	font-weight: 400;
-	line-height: 1.611em; // golden ratio
+	font-weight: $root-font-weight;
+  font-family: $root-font-family;
+  font-size: $root-font-size;
+  line-height: $root-line-height;
+}
+
+html, body {
+	margin: 0;
+	padding: 0;
 }
 
 h1,
diff --git a/static-src/scss/hyde-hyde/_variables.scss b/static-src/scss/hyde-hyde/_variables.scss
index 040d59c..829127a 100644
--- a/static-src/scss/hyde-hyde/_variables.scss
+++ b/static-src/scss/hyde-hyde/_variables.scss
@@ -21,9 +21,10 @@ $brown: #8f5536;
 //https://www.client9.com/css-system-font-stack-sans-serif-v3
 $root-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
 
-// poole compability
-$root-font-size: 17px;
-$root-line-height: 1.5;
+// poole's variables
+$root-font-size: 18px;
+$root-font-weight: 400;
+$root-line-height: 30px; // golden ratio https://grtcalculator.com
 
 $body-color: $gray-8;
 $body-bg: #fff;
@@ -32,7 +33,7 @@ $border-color: #e5e5e5;
 
 $large-breakpoint: 38em;
 $large-font-size: 20px;
-// end poole compability
+// 
 
 // hyde-hyde
 $small-device-font-size: 16px;