diff options
author | 2022-08-06 04:39:26 +0000 | |
---|---|---|
committer | 2022-08-06 04:39:26 +0000 | |
commit | 4de35f3b703db52f51463769e3aef4b23d2864e3 (patch) | |
tree | c6fea68d6368cf8ddfb098ac3159be71f265692a /examples/with-nanostores/src | |
parent | 24c8e7d853aa34aaa01204f715901c2610bfd9d6 (diff) | |
download | astro-4de35f3b703db52f51463769e3aef4b23d2864e3.tar.gz astro-4de35f3b703db52f51463769e3aef4b23d2864e3.tar.zst astro-4de35f3b703db52f51463769e3aef4b23d2864e3.zip |
[ci] format
Diffstat (limited to 'examples/with-nanostores/src')
-rw-r--r-- | examples/with-nanostores/src/components/FigurineDescription.astro | 18 | ||||
-rw-r--r-- | examples/with-nanostores/src/pages/index.astro | 3 |
2 files changed, 15 insertions, 6 deletions
diff --git a/examples/with-nanostores/src/components/FigurineDescription.astro b/examples/with-nanostores/src/components/FigurineDescription.astro index 8d801d53a..d99481258 100644 --- a/examples/with-nanostores/src/components/FigurineDescription.astro +++ b/examples/with-nanostores/src/components/FigurineDescription.astro @@ -1,6 +1,9 @@ <h1>Astronaut Figurine</h1> <p class="limited-edition-badge">Limited Edition</p> -<p>The limited edition Astronaut Figurine is the perfect gift for any Astro contributor. This fully-poseable action figurine comes equipped with:</p> +<p> + The limited edition Astronaut Figurine is the perfect gift for any Astro contributor. This + fully-poseable action figurine comes equipped with: +</p> <ul> <li>A fabric space suit with adjustible straps</li> <li>Boots lightly dusted by the lunar surface *</li> @@ -15,11 +18,11 @@ margin: 0; margin-block-start: 2rem; } - + .limited-edition-badge { font-weight: 700; text-transform: uppercase; - background-image: linear-gradient(0deg,var(--astro-blue), var(--astro-pink)); + background-image: linear-gradient(0deg, var(--astro-blue), var(--astro-pink)); background-size: 100% 200%; background-position-y: 100%; border-radius: 0.4rem; @@ -30,7 +33,12 @@ } @keyframes pulse { - 0%, 100% { background-position-y: 0%; } - 50% { background-position-y: 80%; } + 0%, + 100% { + background-position-y: 0%; + } + 50% { + background-position-y: 80%; + } } </style> diff --git a/examples/with-nanostores/src/pages/index.astro b/examples/with-nanostores/src/pages/index.astro index 965428ab3..07458e0be 100644 --- a/examples/with-nanostores/src/pages/index.astro +++ b/examples/with-nanostores/src/pages/index.astro @@ -10,6 +10,7 @@ const item: CartItemDisplayInfo = { imageSrc: '/images/astronaut-figurine.png', }; --- + <Layout title={item.name}> <main> <div class="product-layout"> @@ -42,7 +43,7 @@ const item: CartItemDisplayInfo = { max-width: 26rem; } - button[type="submit"] { + button[type='submit'] { margin-block-start: 1rem; } </style> |