22 lines
589 B
CSS
22 lines
589 B
CSS
|
:root {
|
||
|
|
/* Typography */
|
||
|
|
--default-font-family: sans-serif;
|
||
|
|
--default-font-size: 16px;
|
||
|
|
--header-font: sans-serif;
|
||
|
|
--header-weight: 700;
|
||
|
|
--h1-size: 32px;
|
||
|
|
--h2-size: 24px;
|
||
|
|
--h3-size: 18.72px;
|
||
|
|
--h4-size: 16px;
|
||
|
|
--h5-size: 13.28px;
|
||
|
|
--h6-size: 10.72px;
|
||
|
|
|
||
|
|
/* Layout */
|
||
|
|
--nav-height: 50px;
|
||
|
|
--footer-height: 150px;
|
||
|
|
--breadcrumbs-height: 50px;
|
||
|
|
--wrapper-padding: 20px;
|
||
|
|
--main-height: calc(100vh - var(--nav-height) - var(--footer-height) - var(--breadcrumbs-height) + var(--wrapper-padding));
|
||
|
|
--max-width: calc(100vw - 20px);
|
||
|
|
}
|