revises/refactors base styles

This commit is contained in:
Huy Tran 2018-08-13 09:57:23 +07:00
parent 2f768f86ed
commit d0f0b32eb3
2 changed files with 19 additions and 8 deletions

View file

@ -1,9 +1,19 @@
html, * {
body { box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%; // for iOS -webkit-text-size-adjust: 100%; // for iOS
box-direction: normal; box-direction: normal;
font-weight: 400; font-weight: $root-font-weight;
line-height: 1.611em; // golden ratio font-family: $root-font-family;
font-size: $root-font-size;
line-height: $root-line-height;
}
html, body {
margin: 0;
padding: 0;
} }
h1, h1,

View file

@ -21,9 +21,10 @@ $brown: #8f5536;
//https://www.client9.com/css-system-font-stack-sans-serif-v3 //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"; $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 // poole's variables
$root-font-size: 17px; $root-font-size: 18px;
$root-line-height: 1.5; $root-font-weight: 400;
$root-line-height: 30px; // golden ratio https://grtcalculator.com
$body-color: $gray-8; $body-color: $gray-8;
$body-bg: #fff; $body-bg: #fff;
@ -32,7 +33,7 @@ $border-color: #e5e5e5;
$large-breakpoint: 38em; $large-breakpoint: 38em;
$large-font-size: 20px; $large-font-size: 20px;
// end poole compability //
// hyde-hyde // hyde-hyde
$small-device-font-size: 16px; $small-device-font-size: 16px;