From ec40c8ccbe40f84b834f21915cbf1e6bb470346e Mon Sep 17 00:00:00 2001 From: doodlemarks Date: Tue, 25 Jul 2023 14:54:12 +0000 Subject: [PATCH] [ci] format --- examples/blog/astro.config.mjs | 2 +- examples/blog/src/components/Footer.astro | 26 +++++++- examples/blog/src/components/Header.astro | 31 +++++++--- examples/blog/src/consts.ts | 2 +- examples/blog/src/layouts/BlogPost.astro | 10 +-- examples/blog/src/pages/blog/index.astro | 13 ++-- examples/blog/src/styles/global.css | 75 +++++++++++++---------- 7 files changed, 104 insertions(+), 55 deletions(-) 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;