diff options
Diffstat (limited to 'examples/with-tailwindcss/src')
-rw-r--r-- | examples/with-tailwindcss/src/layouts/main.astro | 14 | ||||
-rw-r--r-- | examples/with-tailwindcss/src/pages/index.astro | 3 | ||||
-rw-r--r-- | examples/with-tailwindcss/src/pages/markdown-page.md | 1 |
3 files changed, 17 insertions, 1 deletions
diff --git a/examples/with-tailwindcss/src/layouts/main.astro b/examples/with-tailwindcss/src/layouts/main.astro new file mode 100644 index 000000000..0b8fc8082 --- /dev/null +++ b/examples/with-tailwindcss/src/layouts/main.astro @@ -0,0 +1,14 @@ +--- +const { content } = Astro.props; +--- +<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>{content.title}</title> + </head> + <body> + <slot /> + </body> +</html> diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro index ebccafa34..72b24edb9 100644 --- a/examples/with-tailwindcss/src/pages/index.astro +++ b/examples/with-tailwindcss/src/pages/index.astro @@ -8,7 +8,8 @@ import Button from '../components/Button.astro'; <html lang="en"> <head> - <meta charset="UTF-8" /> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" /> <title>Astro + TailwindCSS</title> </head> diff --git a/examples/with-tailwindcss/src/pages/markdown-page.md b/examples/with-tailwindcss/src/pages/markdown-page.md index 19323294c..4f4859452 100644 --- a/examples/with-tailwindcss/src/pages/markdown-page.md +++ b/examples/with-tailwindcss/src/pages/markdown-page.md @@ -1,5 +1,6 @@ --- title: 'Markdown + Tailwind' +layout: ../layouts/main.astro setup: | import Button from '../components/Button.astro'; --- |