revises/refactors base styles
This commit is contained in:
parent
2f768f86ed
commit
d0f0b32eb3
2 changed files with 19 additions and 8 deletions
|
@ -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,
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue