I’ve split the difference between the original 1.3 line-height and the proposed 1.6 line-height. We’re now at 1.5, with additional refinements to spacing between elements. I’ve also reduced line height within code blocks back to near the original value.

Update

It took me longer than I wanted, but I’ve got some updates for you on our s-prose component. You can see the pull request with my thinking over at our design system’s repo. It does the following:

1. Spreads s-prose headers out from paragraphs for better grouping.
2. Tightens up s-prose spacing between paragraphs a bit, and made sure spacing under headings are more consistent consistent.
3. Replaces all s-prose margins internal to the component with a CSS variable var(--s-prose-spacing) so our users can more easily tinker with it in their browsers and user scripts.
4. Kills trailing margins in s-prose

You can see some examples of content at our Stacks documentation.

I’ve split the difference between the original 1.3 line-height and the proposed 1.6 line-height. We’re now at 1.5, with additional refinements to spacing between elements. I’ve also reduced line height within code blocks back to near the original value.

Update

It took me longer than I wanted, but I’ve got some updates for you on our s-prose component. You can see the pull request with my thinking over at our design system’s repo. It does the following:

1. Spreads s-prose headers out from paragraphs for better grouping.
2. Tightens up s-prose spacing between paragraphs a bit, and made sure spacing under headings are more consistent.
3. Replaces all s-prose margins internal to the component with a CSS variable var(--s-prose-spacing) so our users can more easily tinker with it in their browsers and user scripts.
4. Kills trailing margins in s-prose

You can see some examples of content at our Stacks documentation.

I’ve split the difference between the original 1.3 line-height and the proposed 1.6 line-height. We’re now at 1.5, with additional refinements to spacing between elements. I’ve also reduced line height within code blocks back to near the original value.

I’ve split the difference between the original 1.3 line-height and the proposed 1.6 line-height. We’re now at 1.5, with additional refinements to spacing between elements. I’ve also reduced line height within code blocks back to near the original value.

Update

It took me longer than I wanted, but I’ve got some updates for you on our s-prose component. You can see the pull request with my thinking over at our design system’s repo. It does the following:

1. Spreads s-prose headers out from paragraphs for better grouping.
2. Tightens up s-prose spacing between paragraphs a bit, and made sure spacing under headings are more consistent consistent.
3. Replaces all s-prose margins internal to the component with a CSS variable var(--s-prose-spacing) so our users can more easily tinker with it in their browsers and user scripts.
4. Kills trailing margins in s-prose

You can see some examples of content at our Stacks documentation.