More title tweaks

Author: andrewbranch

_layouts/post.liquid

@@ -5,16 +5,20 @@ layout: base
 	<h1
 		{% if bigTitle %}
 			class="font-normal text-center text-textHighContrast text-[2.8rem] md:text-[3.4rem]"
+		{% elsif subtitle %}
+			class="mb-2"
 		{% endif %}
 	>
 		{{ title }}
 		{% if subtitle %}
 			<h2
 				class="
-					before:content-['~'] before:pr-[.64rem] before:text-textDisabled
-					after:content-['~'] after:pl-[.64rem] after:text-textDisabled
-					antialiased text-center text-[1.2rem] italic text-textSecondary
-					flex justify-center items-center
+					antialiased text-[1.2rem] italic text-textSecondary
+					{% if bigTitle %}
+						before:content-['~'] before:pr-[.64rem] before:text-textDisabled
+						after:content-['~'] after:pl-[.64rem] after:text-textDisabled
+						flex justify-center items-center text-center
+					{% endif %}
 				"
 			>
 				{{ subtitle }}

uno.config.mjs

@@ -14,6 +14,16 @@ export default defineConfig({
 		}),
 	],
 	theme: {
+		spacing: {
+			1: "calc(var(--rhythm) * .25rem * 1)",
+			2: "calc(var(--rhythm) * .25rem * 2)",
+			3: "calc(var(--rhythm) * .25rem * 3)",
+			4: "calc(var(--rhythm) * .25rem * 4)",
+			5: "calc(var(--rhythm) * .25rem * 5)",
+			6: "calc(var(--rhythm) * .25rem * 6)",
+			7: "calc(var(--rhythm) * .25rem * 7)",
+			8: "calc(var(--rhythm) * .25rem * 8)",
+		},
 		fontFamily: {
 			grotesk: "var(--font-grotesk)",
 		},