diff options
| author |  Drew Powers <1369770+drwpow@users.noreply.github.com>
| 2021-11-22 13:38:53 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-11-22 13:38:53 -0700 |
| commit | ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff (patch) | |
| tree | cca0a8f06b680ceac2cbb347415d3ef88c4d4df8 /examples/framework-svelte/src/components | |
| parent | e49452325ce563ac7e46291d4654037075702316 (diff) | |
| download | astro-ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff.tar.gz astro-ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff.tar.zst astro-ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff.zip | |
Clean up styling for framework-* examples (#1970)
Diffstat (limited to 'examples/framework-svelte/src/components')
| -rw-r--r-- | examples/framework-svelte/src/components/Counter.svelte | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/examples/framework-svelte/src/components/Counter.svelte b/examples/framework-svelte/src/components/Counter.svelte index 9aaf421c1..2f4c07339 100644 --- a/examples/framework-svelte/src/components/Counter.svelte +++ b/examples/framework-svelte/src/components/Counter.svelte @@ -15,6 +15,19 @@ <pre>{ count }</pre> <button on:click={add}>+</button> </div> -<div class="children"> +<div class="message"> <slot /> </div> + +<style> + .counter{ + display: grid; + font-size: 2em; + grid-template-columns: repeat(3, minmax(0, 1fr)); + margin-top: 2em; + place-items: center; + } + .message { + text-align: center; + } +</style> |