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.astro26
1 files changed, 19 insertions, 7 deletions
diff --git a/examples/basics/src/layouts/Layout.astro b/examples/basics/src/layouts/Layout.astro
index 3345b887c..7b552be19 100644
--- a/examples/basics/src/layouts/Layout.astro
+++ b/examples/basics/src/layouts/Layout.astro
@@ -1,4 +1,4 @@
----
+---
interface Props {
title: string;
}
@@ -6,11 +6,11 @@ interface Props {
const { title } = Astro.props;
---
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
- <meta name="description" content="Astro description">
+ <meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
@@ -25,15 +25,27 @@ const { title } = Astro.props;
--accent: 136, 58, 234;
--accent-light: 224, 204, 250;
--accent-dark: 49, 10, 101;
- --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);
+ --accent-gradient: linear-gradient(
+ 45deg,
+ rgb(var(--accent)),
+ rgb(var(--accent-light)) 30%,
+ white 60%
+ );
}
html {
font-family: system-ui, sans-serif;
- background: #13151A;
+ background: #13151a;
background-size: 224px;
}
code {
- font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
- Bitstream Vera Sans Mono, Courier New, monospace;
+ font-family:
+ Menlo,
+ Monaco,
+ Lucida Console,
+ Liberation Mono,
+ DejaVu Sans Mono,
+ Bitstream Vera Sans Mono,
+ Courier New,
+ monospace;
}
</style>