💬 Add style for pull-quotes

[agoose77]

I'm not sure if this is best-practice; I'm implying that a pull-quote really is a container-level feature rather than a blockquote-level feature. That follows from how they're implemented in jupyter-book/mystmd#961

[rowanc1]

Simple so far! This should be put in the figures.css file though I think, as these are additional styles, not overidding tailwind (that is also where other figure css is defined).

[rowanc1]

We should revert part of this PR to get the kind back on the figure node. maybe prefixing it with fig-${kind} or something?

#277

And then changing the CSS here:
https://github.com/executablebooks/myst-theme/blob/main/styles/figures.css#L1

Both the code and quote container kinds are a bit degraded, we can't use the class table though, so some sort of prefix would be good.

[agoose77]

So, I'm guessing that #277 was a deliberate "regression" due to the bare kind class being misinterpreted? And, thus, you're suggesting we introduce a custom name like figure-${kind} to disambiguate this.

[rowanc1]

A few more things on review!

[rowanc1]

Ok - just changesets and this is good from my perspective - can you show a picture of the pullquote and maybe @choldgraf can comment on styles. :)

[agoose77]

We've added two special kinds of quotes in jupyter-book/mystmd#961:

Epigraph:

Pull-quote:

Currently, only pull-quotes are differently styled here, with a larger typeface. We could do more, such as background "quote" characters, but I don't have strong opinions.

[choldgraf]

It's a bit hard to judge design without seeing a live site with pull quotes used in a "real world" scenario, but these seem like a reasonable start. Personally I'd make the pull quote a little bit bigger.

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:

I don't think that needs to block this PR but just noting it as a common use-case. You can also see that the pull quote font size is a bit bigger and bolder than the ratio we've got in this PR

[rowanc1]

@choldgraf I have moved this into an issue to track your sources: #329.

Let's increase the size and get it in (after the other PR merges!). We have added the ability to also add classes, which eventually should be able to style these in the near future....!

[choldgraf]

Let's do it