summaryrefslogtreecommitdiff
path: root/examples/framework-vue/src/pages/index.astro
diff options
context:
space:
mode:
authorGravatar Drew Powers <1369770+drwpow@users.noreply.github.com> 2021-11-22 13:38:53 -0700
committerGravatar GitHub <noreply@github.com> 2021-11-22 13:38:53 -0700
commitce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff (patch)
treecca0a8f06b680ceac2cbb347415d3ef88c4d4df8 /examples/framework-vue/src/pages/index.astro
parente49452325ce563ac7e46291d4654037075702316 (diff)
downloadastro-ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff.tar.gz
astro-ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff.tar.zst
astro-ce8f8e06c0d79fbe44538a1d63c5bf3a79ba27ff.zip
Clean up styling for framework-* examples (#1970)
Diffstat (limited to 'examples/framework-vue/src/pages/index.astro')
-rw-r--r--examples/framework-vue/src/pages/index.astro18
1 files changed, 5 insertions, 13 deletions
diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro
index c7679c46e..449c3a614 100644
--- a/examples/framework-vue/src/pages/index.astro
+++ b/examples/framework-vue/src/pages/index.astro
@@ -12,21 +12,13 @@ import Counter from '../components/Counter.vue'
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<style>
- :global(:root) {
+ html,
+ body {
font-family: system-ui;
- padding: 2em 0;
+ margin: 0;
}
- :global(.counter) {
- display: grid;
- font-size: 2em;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- margin-top: 2em;
- place-items: center;
- }
- :global(.children) {
- display: grid;
- margin-bottom: 2em;
- place-items: center;
+ body {
+ padding: 2rem;
}
</style>
</head>