rich_text spacing
This ticket refers specifically to the spacing of items inside of a rich_text components and not between multiple rich_text components.
Spacing between components is determined by the site-container
and layout
components, but components themselves are responsible for their own spacing. For more information see this comment
The rich text component can support the following block type content: (block types stack)
-
<p></p>
paragraphs -
<ul></ul><ol><ol>
lists -
<h1></h1>
headings <blockquote></blockquote>
We haven't yet added support for <img>
, <embed>
components inside rich_text.
This diagram should help visualise it
We need to know and then implement the setup for the spacing between items within rich_text.
We can set one value and have everything inherit or we can be specific but I would recommend leaving the spacing between paragraphs up to the browser to do whats best, but spacing between the others will be important.
Design notes
NB: For consistency and ease of management, spacing is done from top of each element as opposed to the bottom
(also with the best will in the world you can't stop a content editor hitting enter a few extra times to get more spacing!
Implementation notes
When implementing this we should define these as component-config tokens, as the headings have a greater gap between them in the website than the GCD.