This became an unintentionally large PR — apologies for that. The changes accomplish the following:
In general, blocks.css should be way easier to read now. I've re-arranged the stylesheet so it has new headings and a table of contents to help find specific blocks styles.
It fixes some out-of-date styles too, in an effort to get the front end more in sync with default Gutenberg styles:
Removes a:visited styles from links, since those aren't used in Gutenberg.
Restyles the Code block to match the editor appearance.
Fixes a problem where tables did not take up the correct amount of horizontal space on the front end.
Revises the content width and the width of wide items to match the editor's default styles (they were both too wide before).
Cleans up the appearance of inline code, so that it appears like it does in the editor.
Fixes a problem where left and right-aligned images were showing up half as large as they were supposed to on the front end.
Corrects the front-end display of the standard and large quote blocks.
Screenshots
This became an unintentionally large PR — apologies for that. The changes accomplish the following:
blocks.css
should be way easier to read now. I've re-arranged the stylesheet so it has new headings and a table of contents to help find specific blocks styles.a:visited
styles from links, since those aren't used in Gutenberg.code
, so that it appears like it does in the editor.Before
After