Focus Mode: Align Sub-headlines to the Left

By default, Focus Mode centers your sub-headlines (h1, h2, and h3) on wider viewports.

If you’d like to have these elements aligned to the left instead, here’s the Custom CSS you’ll need to make that happen:

@media all and (min-width: $b3) {
	.focus .text {
		.post_content h1, h2, h3 {
			text-align: left;
		}
		.post_content > h1, .post_content > h2, .post_content > h3 {
			margin-left: 0;
			margin-right: 0;
		}
	}
}