summaryrefslogtreecommitdiff
path: root/examples/basics/src/layouts/Layout.astro
diff options
context:
space:
mode:
Diffstat (limited to 'examples/basics/src/layouts/Layout.astro')
-rw-r--r--examples/basics/src/layouts/Layout.astro69
1 files changed, 34 insertions, 35 deletions
diff --git a/examples/basics/src/layouts/Layout.astro b/examples/basics/src/layouts/Layout.astro
index fe43c7e27..9a46f2d8e 100644
--- a/examples/basics/src/layouts/Layout.astro
+++ b/examples/basics/src/layouts/Layout.astro
@@ -8,49 +8,48 @@ const { title } = Astro.props as Props;
<!DOCTYPE html>
<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width">
- <link rel="icon" type="image/x-icon" href="/favicon.ico" />
- <title>{title}</title>
-</head>
-<body>
- <slot />
-</body>
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width" />
+ <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+ <title>{title}</title>
+ </head>
+ <body>
+ <slot />
+ </body>
</html>
-
<style>
- :root {
- --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
- --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
- --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
+ :root {
+ --font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
+ --font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
+ --font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
- --color-text: hsl(12, 5%, 4%);
- --color-bg: hsl(10, 21%, 95%);
+ --color-text: hsl(12, 5%, 4%);
+ --color-bg: hsl(10, 21%, 95%);
--color-border: hsl(17, 24%, 90%);
- }
+ }
- html {
- font-family: system-ui, sans-serif;
- font-size: var(--font-size-base);
- color: var(--color-text);
- background-color: var(--color-bg);
- }
+ html {
+ font-family: system-ui, sans-serif;
+ font-size: var(--font-size-base);
+ color: var(--color-text);
+ background-color: var(--color-bg);
+ }
- body {
- margin: 0;
- }
+ body {
+ margin: 0;
+ }
- :global(h1) {
- font-size: var(--font-size-xl);
- }
+ :global(h1) {
+ font-size: var(--font-size-xl);
+ }
- :global(h2) {
- font-size: var(--font-size-lg);
- }
+ :global(h2) {
+ font-size: var(--font-size-lg);
+ }
- :global(code) {
- font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+ :global(code) {
+ font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Courier New, monospace;
- }
+ }
</style>