diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/organisms/Date.astro | 2 | ||||
| -rw-r--r-- | src/components/templates/MicroBlog.astro | 22 |
2 files changed, 11 insertions, 13 deletions
diff --git a/src/components/organisms/Date.astro b/src/components/organisms/Date.astro index a8b643d..c1ec7e5 100644 --- a/src/components/organisms/Date.astro +++ b/src/components/organisms/Date.astro @@ -11,4 +11,4 @@ const datetime = date.toISOString(); const format = new Intl.DateTimeFormat(locales, options).format(date); --- -<date {datetime}>{format}</date> +<time {datetime}>{format}</time> diff --git a/src/components/templates/MicroBlog.astro b/src/components/templates/MicroBlog.astro index b7019c5..c16155e 100644 --- a/src/components/templates/MicroBlog.astro +++ b/src/components/templates/MicroBlog.astro @@ -37,12 +37,12 @@ const little = ((first?.[0] ?? "") + (last?.[0] ?? "")).slice(0, 2); /></small> </div> </header> - <div class="content"> - <small {lang}> + <div class="content small"> + <div {lang}> <Fragment set:html={rendered?.html} /> - </small> + </div> <footer> - <div class="keywords small"><KeywordsList {keywords} /></div> + <div class="keywords"><KeywordsList {keywords} /></div> </footer> </div> <aside> @@ -50,14 +50,6 @@ const little = ((first?.[0] ?? "") + (last?.[0] ?? "")).slice(0, 2); </aside> </article> -<style is:inline> - .content > [lang] > *:first-child { - margin-block-start: 0; - } - .content > [lang] > *:last-child { - margin-block-end: 0; - } -</style> <style> article { border-radius: calc(var(--size-1) * 1em); @@ -106,6 +98,12 @@ const little = ((first?.[0] ?? "") + (last?.[0] ?? "")).slice(0, 2); .content { grid-row: 2/3; grid-column: 2 / 3; + & > [lang] > :global(*:first-child) { + margin-block-start: 0; + } + & > [lang] > :global(*:last-child) { + margin-block-end: 0; + } } .keywords { |