diff --git a/examples/blog/astro.config.mjs b/examples/blog/astro.config.mjs index 40e75a89e..3b2f75c84 100644 --- a/examples/blog/astro.config.mjs +++ b/examples/blog/astro.config.mjs @@ -7,4 +7,4 @@ import sitemap from '@astrojs/sitemap'; export default defineConfig({ site: 'https://example.com', integrations: [mdx(), sitemap()], -}); \ No newline at end of file +}); diff --git a/examples/blog/src/components/Footer.astro b/examples/blog/src/components/Footer.astro index 8c5e2f871..d77e49ec2 100644 --- a/examples/blog/src/components/Footer.astro +++ b/examples/blog/src/components/Footer.astro @@ -6,13 +6,33 @@ const today = new Date(); © {today.getFullYear()} Your name here. All rights reserved.
- + - + - +
diff --git a/examples/blog/src/components/Header.astro b/examples/blog/src/components/Header.astro index d559509ae..647320834 100644 --- a/examples/blog/src/components/Header.astro +++ b/examples/blog/src/components/Header.astro @@ -14,15 +14,30 @@ import { SITE_TITLE } from '../consts';
Follow Astro on Mastodon - + Follow Astro on Twitter - + Go to Astro's GitHub repo - +
@@ -35,11 +50,12 @@ import { SITE_TITLE } from '../consts'; box-shadow: 0 2px 8px rgba(var(--black), 5%); } h2 { - margin: 0;; + margin: 0; font-size: 1em; } - h2 a, h2 a.active { + h2 a, + h2 a.active { text-decoration: none; } nav { @@ -48,7 +64,7 @@ import { SITE_TITLE } from '../consts'; justify-content: space-between; } nav a { - padding: 1em .5em; + padding: 1em 0.5em; color: var(--black); border-bottom: 4px solid transparent; text-decoration: none; @@ -57,7 +73,8 @@ import { SITE_TITLE } from '../consts'; text-decoration: none; border-bottom-color: var(--accent); } - .social-links, .social-links a { + .social-links, + .social-links a { display: flex; } @media (max-width: 720px) { diff --git a/examples/blog/src/consts.ts b/examples/blog/src/consts.ts index b42411da8..0df8a61f4 100644 --- a/examples/blog/src/consts.ts +++ b/examples/blog/src/consts.ts @@ -2,4 +2,4 @@ // You can import this data from anywhere in your site by using the `import` keyword. export const SITE_TITLE = 'Astro Blog'; -export const SITE_DESCRIPTION = 'Welcome to my website!'; \ No newline at end of file +export const SITE_DESCRIPTION = 'Welcome to my website!'; diff --git a/examples/blog/src/layouts/BlogPost.astro b/examples/blog/src/layouts/BlogPost.astro index da1cafe58..e67b2b30f 100644 --- a/examples/blog/src/layouts/BlogPost.astro +++ b/examples/blog/src/layouts/BlogPost.astro @@ -42,10 +42,10 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props; line-height: 1; } .title h1 { - margin: 0 0 .5em 0; + margin: 0 0 0.5em 0; } .date { - margin-bottom: .5em; + margin-bottom: 0.5em; color: rgb(var(--gray)); } .last-updated-on { @@ -58,7 +58,9 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
-
{heroImage && }
+
+ {heroImage && } +
@@ -80,4 +82,4 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;