Improve styling of pull-quotes

[rowanc1]

From: @choldgraf here: #328 (comment)

As an example, here are several examples and inspiration for pull quotes.

Can pull quotes be placed a-la columns etc? I often see pull quotes as a sidebar with the text floating around it. For example, here's one from the NYT:

[agoose77]

Is this kind of styling possible with CSS grid by default?

[rowanc1]

Floats and Grids are somewhat incompatible in css, however, I think that we should have the grid system for the blocks, and some other elements, then have nested div that then we can use floats inside to do both the sidebar and margin content in a much easier way. That means top-level blocks are placed in a grid, and we can still get reflow with floats etc.

There are some things to do in that sketch of a plan though (including thinking it through more fully...) -- grids don't have margin collapse, so we have done a bunch of styling to fix the spacing inside of a grid (mb-8s in a bunch of places, etc.). There is also some logic that looks if classes internally have col- or column- and then placing a subgrid in the block for placement.

I will experiment when I look at your margin/sidebar pr tomorrow!:

• 🖌 Add support for aside directive #341