adds styles for figure and figcaption.

[xge]

I realized concrete is missing styles for <figure> and <figcaption>, so I added these. Figure contains a full-width image, a right-aligned figure caption in smaller text and a properly spaced bottom border. The bottom border is copied from <blockquote>'s left border.

I tried to mimic concrete's design and code style. Please feel free to change as you see fit.

Preview images:

figure and figcaption in dark mode

figure and figcaption in light mode

Further resources:

figure in MDN

[louismerlin]

Very cool, thank you very much!

I’ll take a closer look later today or tomorrow, but this looks very polished already ✨

[louismerlin]

@xge what do you think about moving the border-bottom and padding-bottom rules from caption to figcaption?

This makes it such that a figure without a figcaptiondoes not have a black line under it.

[xge]

Yeah, I'm fine with that. I'll update the PR.
Edit: @louismerlin you mean moving from figure to figcaption, right? I cannot find any styles for caption.
Edit 2: made the changes, updated the PR.

[louismerlin]

Edit: @louismerlin you mean moving from figure to figcaption, right? I cannot find any styles for caption.

Yes sorry for the confusion 😄

[louismerlin]

I adjusted the padding of the figcaption, everything looks very nice!

Danke schön @xge for the contribution 🙌

[louismerlin]

I'll merge #13 and #16 along with this PR tomorrow and publish v3.0.0 😄