fix: better styling for ‘subtitles’ under a main header

gureckis · gureckis · commit 76328393f29d · 2024-07-19T20:31:48.000-04:00
diff --git a/layouts/two-cols-title.vue b/layouts/two-cols-title.vue
@@ -130,8 +130,12 @@ const flexclass = computed(() => {
 }
 
 .slidev-layout.two-cols-header .title h1 + p,
-.slidev-layout.two-cols-footer .title h1 + p {
-  margin-top: 0.2em;
+.slidev-layout.two-cols-footer .title h1 + p,
+.slidev-layout.two-cols-header .title h2 + p,
+.slidev-layout.two-cols-footer .title h2 + p,
+.slidev-layout.two-cols-header .title h3 + p,
+.slidev-layout.two-cols-footer .title h3 + p {
+  margin-top: 0.1em;
   margin-bottom: 0;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -130,8 +130,12 @@ const flexclass = computed(() => {`
`130`	`130`	`}`
`131`	`131`
`132`	`132`	`.slidev-layout.two-cols-header .title h1 + p,`
`133`		`-.slidev-layout.two-cols-footer .title h1 + p {`
`134`		`- margin-top: 0.2em;`
	`133`	`+.slidev-layout.two-cols-footer .title h1 + p,`
	`134`	`+.slidev-layout.two-cols-header .title h2 + p,`
	`135`	`+.slidev-layout.two-cols-footer .title h2 + p,`
	`136`	`+.slidev-layout.two-cols-header .title h3 + p,`
	`137`	`+.slidev-layout.two-cols-footer .title h3 + p {`
	`138`	`+ margin-top: 0.1em;`
`135`	`139`	`margin-bottom: 0;`
`136`	`140`	`}`
`137`	`141`