diff options
| author |  Jonathan Neal <jonathantneal@hotmail.com>
| 2021-12-22 16:11:05 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-12-22 16:11:05 -0500 |
| commit | 6ddd7678ffb6598ae6e263706813cb5e94535f02 (patch) | |
| tree | d4b45f7590b59c3574bd6593b17d8066f71007c6 /examples/with-tailwindcss/src | |
| parent | 305ce4182fbe89abcfb88008ddce178bd8863b6a (diff) | |
| download | astro-6ddd7678ffb6598ae6e263706813cb5e94535f02.tar.gz astro-6ddd7678ffb6598ae6e263706813cb5e94535f02.tar.zst astro-6ddd7678ffb6598ae6e263706813cb5e94535f02.zip | |
Use accessible indentation (#2253)
Diffstat (limited to 'examples/with-tailwindcss/src')
| -rw-r--r-- | examples/with-tailwindcss/src/components/Button.astro | 8 | ||||
| -rw-r--r-- | examples/with-tailwindcss/src/pages/index.astro | 19 |
2 files changed, 16 insertions, 11 deletions
diff --git a/examples/with-tailwindcss/src/components/Button.astro b/examples/with-tailwindcss/src/components/Button.astro index 966c613aa..5e241c44f 100644 --- a/examples/with-tailwindcss/src/components/Button.astro +++ b/examples/with-tailwindcss/src/components/Button.astro @@ -1,6 +1,10 @@ --- let { type = 'button' } = Astro.props; --- -<button class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75" type={type}> - <slot /> + +<button + class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75" + {type} +> + <slot /> </button> diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro index 28d5f3dec..07262b870 100644 --- a/examples/with-tailwindcss/src/pages/index.astro +++ b/examples/with-tailwindcss/src/pages/index.astro @@ -5,15 +5,16 @@ import Button from '../components/Button.astro'; // Full Astro Component Syntax: // https://docs.astro.build/core-concepts/astro-components/ --- + <html lang="en"> - <head> - <meta charset="UTF-8" /> - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> - <title>Astro + TailwindCSS</title> - <link rel="stylesheet" type="text/css" href={Astro.resolve("../styles/global.css")}> - </head> + <head> + <meta charset="UTF-8" /> + <link rel="icon" type="image/x-icon" href="/favicon.ico" /> + <title>Astro + TailwindCSS</title> + <link rel="stylesheet" type="text/css" href={Astro.resolve('../styles/global.css')} /> + </head> - <body> - <Button>I’m a Tailwind Button!</Button> - </body> + <body> + <Button>I’m a Tailwind Button!</Button> + </body> </html> |