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
|
||||
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,
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue