project h2, p, li vertical margins

Author: nemanjam

docs/working-notes/todo4.md

@@ -53,6 +53,7 @@ semantic release, conventional commits
 git checkout feat/tailwind4-v2
 ----------
     astro markdown link in new tab
+mdx not formatting, prettierignore, breaks them
 ```
 
 

src/content/project/2024/12-09-hackernews-new-jobs/index.mdx

@@ -51,10 +51,8 @@ Evaluate the potential of the idea and the level of interest for a website of th
 ## Links
 
 
-**HackerNews ShowHN thread:** <Link href="https://news.ycombinator.com/item?id=42373936" variant="link-markdown" target="_blank" title="HackerNews ShowHN thread" />
-
-**Demo:** <Link href="https://hackernews-new-jobs.arm1.nemanjamitic.com" variant="link-markdown" target="_blank" title="HackerNews new jobs demo" />
-
-**Repository:** <Link href="https://github.com/nemanjam/hn-new-jobs" variant="link-markdown" target="_blank" title="HackerNews new jobs repository" />
+- **HackerNews:** <Link href="https://news.ycombinator.com/item?id=42373936" variant="link-markdown" target="_blank" title="HackerNews ShowHN thread" />
+- **Demo:** <Link href="https://hackernews-new-jobs.arm1.nemanjamitic.com" variant="link-markdown" target="_blank" title="HackerNews new jobs demo" />
+- **Repository:** <Link href="https://github.com/nemanjam/hn-new-jobs" variant="link-markdown" target="_blank" title="HackerNews new jobs repository" />
 
 

src/layouts/Project.astro

@@ -11,7 +11,7 @@ const props = Astro.props;
 ---
 
 <Centered {...props}>
-  <article class="my-prose">
+  <article class="my-prose my-prose-project">
     <slot />
   </article>
 </Centered>

src/pages/projects/[slug].astro

@@ -44,5 +44,5 @@ const { Content } = await render(Astro.props);
 
 <ProjectLayout {metadata}>
   <Content />
-  <Share {...shareProps} />
+  <Share {...shareProps} class="mt-4 md:mt-6" />
 </ProjectLayout>

src/styles/base/index.css

@@ -1,4 +1,5 @@
 @import './base.css';
 @import './my-prose.css';
+@import './my-prose-project.css';
 /* after, for override */
 @import './tags.css';

src/styles/base/my-prose-project.css

@@ -0,0 +1,11 @@
+/* smaller margins for Project */
+
+@layer base {
+  .my-prose-project:not(:where([class~='not-prose'], [class~='not-prose'] *)) {
+    /* h2 vertical margin same as default p */
+    @apply prose-h2:my-5 md:prose-h2:my-6;
+
+    /* default line-height: 1.5; is enough */
+    @apply prose-p:my-0 prose-li:my-0;
+  }
+}