css: centered header markdown titles

rosenpass · Aug 13, 2024 · 0366fc1 · 0366fc1
1 parent 23c80c5
commit 0366fc1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/layouts/shortcodes/blocks/lead.html b/layouts/shortcodes/blocks/lead.html
@@ -6,7 +6,7 @@
 <a id="td-block-{{ .Ordinal }}" class="td-offset-anchor"></a>
 <section class="row  block-lead td-box td-box--{{ $col_id }} position-relative td-box--gradient td-box--height-{{ $height }} {{ $class }}">
 	<div class="container text-center td-arrow-down">
-		<div class="h4 mb-0">
+		<div class="h4 mb-0 lead">
 			{{ if eq .Page.File.Ext "md" }}
 				{{ .Inner | markdownify }}
 			{{ else }}

diff --git a/static/css/rosenpass.css b/static/css/rosenpass.css
@@ -87,6 +87,13 @@ a {font-weight:bold;}
 
 .block-lead {    padding: 3rem 0; }
 
+.h4.mb-0.lead:has(h2[id]) h2[id]:before,
+.h4.mb-0.lead:has(h3[id]) h3[id]:before,
+.h4.mb-0.lead:has(h4[id]) h4[id]:before,
+.h4.mb-0.lead:has(h5[id]) h5[id]:before {
+  display: inline list-item;
+}
+
 pre  { padding: 10px;  line-height: 1.8;}
 
 code { font-size-adjust: 0.56; }