diff options
| author |  Nate Moore <natemoo-re@users.noreply.github.com>
| 2021-04-26 16:54:20 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-04-26 15:54:20 -0600 |
| commit | dea1a6dfc9dec54034d2b872b4cd36c0174814c6 (patch) | |
| tree | 49569a511201b4defc23b6654b475e458452596a /examples/tailwindcss/src | |
| parent | 0ea4a986e207238bf0ac1db841b2a5d5b567d84d (diff) | |
| download | astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.gz astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.tar.zst astro-dea1a6dfc9dec54034d2b872b4cd36c0174814c6.zip | |
Update defaults directory structure to `src` and `dist` (#132)
* chore: update defaults in docs
* chore: update config defaults
* test: update tests to config defaults
* chore: update gitignore to new defaults
* docs: update readme to new defaults
* chore: update examples to new defaults
* chore: update default exclude in lang server
* chore: update tests
* test: fix failing tests
* chore: update www defaults
Diffstat (limited to 'examples/tailwindcss/src')
| -rw-r--r-- | examples/tailwindcss/src/components/Button.astro | 8 | ||||
| -rw-r--r-- | examples/tailwindcss/src/pages/index.astro | 17 |
2 files changed, 25 insertions, 0 deletions
diff --git a/examples/tailwindcss/src/components/Button.astro b/examples/tailwindcss/src/components/Button.astro new file mode 100644 index 000000000..ac13d7a49 --- /dev/null +++ b/examples/tailwindcss/src/components/Button.astro @@ -0,0 +1,8 @@ +<style> + @tailwind components; + @tailwind utilities; +</style> + +<button class="py-2 px-4 bg-green-500 text-white font-semibold rounded-lg shadow-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-opacity-75"> + <slot /> +</button> diff --git a/examples/tailwindcss/src/pages/index.astro b/examples/tailwindcss/src/pages/index.astro new file mode 100644 index 000000000..e062f1f5b --- /dev/null +++ b/examples/tailwindcss/src/pages/index.astro @@ -0,0 +1,17 @@ +--- +import Button from '../components/Button.astro'; +--- + +<html> + <head> + <meta charset="UTF-8" /> + <title>Astro + TailwindCSS</title> + <style> + @tailwind base; + </style> + </head> + + <body> + <Button>I’m a Tailwind Button!</Button> + </body> +</html> |