diff options
Diffstat (limited to 'src/app.html')
| -rw-r--r-- | src/app.html | 199 |
1 files changed, 99 insertions, 100 deletions
diff --git a/src/app.html b/src/app.html index ef0bfa1..68797f1 100644 --- a/src/app.html +++ b/src/app.html @@ -1,122 +1,121 @@ <!DOCTYPE html> <html lang="%lang%"> -<head> - <meta charset="utf-8" /> - <link rel="icon" href="%sveltekit.assets%/favicon.png" /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <style> - /* reset */ - *, - *::after, - *::before { - box-sizing: border-box; - } - - * { - font: inherit; - margin: 0; - padding: 0; - border: 0; - } - - body { - background-color: hsl(0, 0%, 100%); - font-family: system-ui, sans-serif; - color: hsl(230, 7%, 23%); - font-size: 1rem; - } - - h1, - h2, - h3, - h4 { - line-height: 1.2; - color: hsl(230, 13%, 9%); - font-weight: 700; - } - - h1 { - font-size: 2.0736rem; - } - - h2 { - font-size: 1.728rem; - } + <head> + <meta charset="utf-8" /> + <link rel="icon" href="%sveltekit.assets%/favicon.png" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <style> + /* reset */ + *, + *::after, + *::before { + box-sizing: border-box; + } - h3 { - font-size: 1.25rem; - } + * { + font: inherit; + margin: 0; + padding: 0; + border: 0; + } - h4 { - font-size: 1.2rem; - } + body { + background-color: hsl(0, 0%, 100%); + font-family: system-ui, sans-serif; + color: hsl(230, 7%, 23%); + font-size: 1rem; + } - ol, - ul, - menu { - list-style: none; - } + h1, + h2, + h3, + h4 { + line-height: 1.2; + color: hsl(230, 13%, 9%); + font-weight: 700; + } - button, - input, - textarea, - select { - background-color: transparent; - border-radius: 0; - color: inherit; - line-height: inherit; - appearance: none; - } + h1 { + font-size: 2.0736rem; + } - textarea { - resize: vertical; - overflow: auto; - vertical-align: top; - } + h2 { + font-size: 1.728rem; + } - a { - color: hsl(250, 84%, 54%); - } + h3 { + font-size: 1.25rem; + } - table { - border-collapse: collapse; - border-spacing: 0; - } + h4 { + font-size: 1.2rem; + } - img, - video, - svg { - display: block; - max-width: 100%; - } + ol, + ul, + menu { + list-style: none; + } - @media (min-width: 64rem) { - body { - font-size: 1.25rem; + button, + input, + textarea, + select { + background-color: transparent; + border-radius: 0; + color: inherit; + line-height: inherit; + appearance: none; } - h1 { - font-size: 3.051rem; + textarea { + resize: vertical; + overflow: auto; + vertical-align: top; } - h2 { - font-size: 2.44rem; + a { + color: hsl(250, 84%, 54%); } - h3 { - font-size: 1.75rem; + table { + border-collapse: collapse; + border-spacing: 0; } - h4 { - font-size: 1.5625rem; + img, + video, + svg { + display: block; + max-width: 100%; } - } - </style> - %sveltekit.head% -</head> -<body> - <div>%sveltekit.body%</div> -</body> + @media (min-width: 64rem) { + body { + font-size: 1.25rem; + } + + h1 { + font-size: 3.051rem; + } + + h2 { + font-size: 2.44rem; + } + + h3 { + font-size: 1.75rem; + } + + h4 { + font-size: 1.5625rem; + } + } + </style> + %sveltekit.head% + </head> -</html>
\ No newline at end of file + <body> + <div>%sveltekit.body%</div> + </body> +</html> |