diff options
| author |  Elian ☕️ <elianvancutsem@gmail.com>
| 2022-06-21 19:07:07 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-06-21 13:07:07 -0400 |
| commit | e88b23ea5271369bcd26b0f011cc9146fc258b8c (patch) | |
| tree | c784e82e3d66674ef924474b409a0c31d0521313 /examples/deno/src/layouts | |
| parent | b4db008e53867386542aa6e74c9649f574045dc9 (diff) | |
| download | astro-e88b23ea5271369bcd26b0f011cc9146fc258b8c.tar.gz astro-e88b23ea5271369bcd26b0f011cc9146fc258b8c.tar.zst astro-e88b23ea5271369bcd26b0f011cc9146fc258b8c.zip | |
add Astro Deno Example (#3645)
* add Astro Deno Example
* add changeset
* update pnpm lock
Co-authored-by: Dan Jutan <danjutan@gmail.com>
Diffstat (limited to '')
| -rw-r--r-- | examples/deno/src/layouts/Layout.astro | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/examples/deno/src/layouts/Layout.astro b/examples/deno/src/layouts/Layout.astro new file mode 100644 index 000000000..fe43c7e27 --- /dev/null +++ b/examples/deno/src/layouts/Layout.astro @@ -0,0 +1,56 @@ +--- +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, 3.75rem); + + --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); + } + + 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> |