summaryrefslogtreecommitdiff
path: root/examples/basics/src/components/Layout.astro
diff options
context:
space:
mode:
Diffstat (limited to 'examples/basics/src/components/Layout.astro')
-rw-r--r--examples/basics/src/components/Layout.astro55
1 files changed, 0 insertions, 55 deletions
diff --git a/examples/basics/src/components/Layout.astro b/examples/basics/src/components/Layout.astro
deleted file mode 100644
index cf1c00262..000000000
--- a/examples/basics/src/components/Layout.astro
+++ /dev/null
@@ -1,55 +0,0 @@
----
-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%);
- }
-
- 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>