Focus Mode: Align Sub-headlines to the Left

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

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) {
	.text {
		.focus & {
			.post_content h1, h2, h3 {
				text-align: left;
			}
			.post_content > h1, .post_content > h2, .post_content > h3 {
				margin-left: 0;
				margin-right: 0;
			}
		}
	}
}