diff options
| author |  Elian ☕️ <hello@elian.codes>
| 2022-09-20 14:29:33 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-09-20 08:29:33 -0400 |
| commit | f2b515d0b48e8023ee28013e75e01fc8f058e010 (patch) | |
| tree | a8040cc9dcd2353e03989c4e8776d53792900320 /examples/deno/src/components/Layout.astro | |
| parent | be9eaa069287d16ac8efc69e13407a5dfa5e5808 (diff) | |
| download | astro-f2b515d0b48e8023ee28013e75e01fc8f058e010.tar.gz astro-f2b515d0b48e8023ee28013e75e01fc8f058e010.tar.zst astro-f2b515d0b48e8023ee28013e75e01fc8f058e010.zip | |
Add Deno example (#4641)
* Add Deno example
* update lockfile
* update README
* update README
Diffstat (limited to 'examples/deno/src/components/Layout.astro')
| -rw-r--r-- | examples/deno/src/components/Layout.astro | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/examples/deno/src/components/Layout.astro b/examples/deno/src/components/Layout.astro new file mode 100644 index 000000000..b8fc659fe --- /dev/null +++ b/examples/deno/src/components/Layout.astro @@ -0,0 +1,55 @@ +--- +export interface Props { + title: string; +} + +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> +</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, 3rem); + + --color-text: hsl(12, 5%, 4%); + --color-bg: hsl(10, 21%, 95%); + } + + 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; + } + + :global(h1) { + font-size: var(--font-size-xl); + } + + :global(h2) { + font-size: var(--font-size-lg); + } + + :global(code) { + font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, + Bitstream Vera Sans Mono, Courier New, monospace; + } +</style> |