jfmonty2/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

make dropcap switchable between ascender/descender

Browse Source
This commit is contained in:
Joseph Montanaro
2026-03-05 08:45:49 -05:00
parent b291e93e75
commit 13d0ac8de7
5 changed files with 27 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.astro/collections/posts.schema.json
View File

@@ -28,8 +28,12 @@
"default": false "default": false
}, },
"dropcap": { "dropcap": {
"type": "boolean", "type": "string",
"default": true "enum": [
"ascender",
"descender"
],
"default": "descender"
}, },
"toc": { "toc": {
"type": "boolean", "type": "boolean",

4
.astro/content-modules.mjs
View File

@@ -1,6 +1,6 @@
export default new Map([ export default new Map([
["posts/after.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=posts%2Fafter.mdx&astroContentModuleFlag=true")], ["posts/after.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=posts%2Fafter.mdx&astroContentModuleFlag=true")],
["posts/before.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=posts%2Fbefore.mdx&astroContentModuleFlag=true")], ["posts/test.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=posts%2Ftest.mdx&astroContentModuleFlag=true")],
["posts/test.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=posts%2Ftest.mdx&astroContentModuleFlag=true")]]); ["posts/before.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=posts%2Fbefore.mdx&astroContentModuleFlag=true")]]);

2
.astro/data-store.json
View File

File diff suppressed because one or more lines are too long

20
src/components/Post.astro
View File

@@ -47,7 +47,7 @@ h1 {
.subtitle { .subtitle {
font-size: 0.85em; font-size: 0.85em;
font-style: italic; font-style: italic;
margin-top: -1rem; margin-top: -0.5rem;
} }
.post { .post {
@@ -76,15 +76,25 @@ footer {
} }
} }
article :global(section.post::first-letter) { article {
& :global(section.post::first-letter) {
font-family: 'Baskervville';
color: var(--accent-color);
}
&[data-dropcap-style="descender"] :global(section.post::first-letter) {
initial-letter: 2; initial-letter: 2;
margin-right: 0.5rem; margin-right: 0.5rem;
color: var(--accent-color); }
font-family: 'Baskervville';
&[data-dropcap-style="ascender"] :global(section.post::first-letter) {
font-size: 2em;
line-height: 1;
}
} }
</style> </style>
<article class="prose"> <article class="prose" data-dropcap-style={entry.data.dropcap}>
<header class="title"> <header class="title">
<h1> <h1>
<!-- <SmallCaps text={entry.data.title} upperWeight={500} lowerWeight={800} /> --> <!-- <SmallCaps text={entry.data.title} upperWeight={500} lowerWeight={800} /> -->

2
src/content.config.ts
View File

@@ -11,7 +11,7 @@ const posts = defineCollection({
title: z.string(), title: z.string(),
date: z.date(), date: z.date(),
draft: z.boolean().default(false), draft: z.boolean().default(false),
dropcap: z.boolean().default(true), dropcap: z.enum(['ascender', 'descender']).default('descender'),
toc: z.boolean().default(true), toc: z.boolean().default(true),
}) })
}); });