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;