diff options
Diffstat (limited to 'examples/with-tailwindcss/src')
| -rw-r--r-- | examples/with-tailwindcss/src/pages/markdown-page.md | 16 | ||||
| -rw-r--r-- | examples/with-tailwindcss/src/pages/markdown-page.mdx | 13 |
2 files changed, 16 insertions, 13 deletions
diff --git a/examples/with-tailwindcss/src/pages/markdown-page.md b/examples/with-tailwindcss/src/pages/markdown-page.md new file mode 100644 index 000000000..de11d381b --- /dev/null +++ b/examples/with-tailwindcss/src/pages/markdown-page.md @@ -0,0 +1,16 @@ +--- +title: 'Markdown + Tailwind' +layout: ../layouts/main.astro +--- + +<div class="grid place-items-center h-screen content-center"> + <div class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md"> + Tailwind classes also work in Markdown! + </div> + <a + href="/" + class="p-4 underline hover:text-purple-500 transition-colors ease-in-out duration-200" + > + Go home + </a> +</div> diff --git a/examples/with-tailwindcss/src/pages/markdown-page.mdx b/examples/with-tailwindcss/src/pages/markdown-page.mdx deleted file mode 100644 index 8b024ec9c..000000000 --- a/examples/with-tailwindcss/src/pages/markdown-page.mdx +++ /dev/null @@ -1,13 +0,0 @@ ---- -title: 'Markdown + Tailwind' -layout: ../layouts/main.astro ---- - -import Button from '../components/Button.astro'; - -<div class="grid place-items-center h-screen content-center"> - <Button>Tailwind Button in Markdown!</Button> - <a href="/" class="p-4 underline"> - Go home... - </a> -</div> |