48 lines
955 B
HTML
48 lines
955 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="/dist/index.js" type="module"></script>
|
|
<style>
|
|
:root {
|
|
--measure: 64ch;
|
|
--ratio: 1.618;
|
|
|
|
--s-5: calc(var(--s-4) / var(--ratio));
|
|
--s-4: calc(var(--s-3) / var(--ratio));
|
|
--s-3: calc(var(--s-2) / var(--ratio));
|
|
--s-2: calc(var(--s-1) / var(--ratio));
|
|
--s-1: calc(var(--s0) / var(--ratio));
|
|
--s0: 1rem;
|
|
--s1: calc(var(--s0) * var(--ratio));
|
|
--s2: calc(var(--s1) * var(--ratio));
|
|
--s3: calc(var(--s2) * var(--ratio));
|
|
--s4: calc(var(--s3) * var(--ratio));
|
|
--s5: calc(var(--s4) * var(--ratio));
|
|
|
|
--border-radius: 0.5rem;
|
|
|
|
font-size: calc(1rem + 0.15vw);
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
max-inline-size: var(--measure);
|
|
}
|
|
|
|
html,
|
|
body,
|
|
div,
|
|
header,
|
|
nav,
|
|
main,
|
|
footer {
|
|
max-inline-size: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
</body>
|
|
</html> |