Image directive alignment CSS

[chrisjsewell]

Yo, as exampled here: https://pradyunsg.me/furo/reference/images/#alignment, there's no handling for image (not figure) alignments in the CSS.

You probably already know, but :align: works by adding the align-{value} as a class.
The value can be one of ["left", "center", "right", "top", "middle", "bottom"] (that is what it is validated against), plus sphinx adds align-default in places.

Here's how docutils handles it: https://github.com/chrisjsewell/docutils/blob/8adab0660b2097b4f3c32cef7e5ff4cb3c72b084/docutils/docutils/writers/html5_polyglot/minimal.css#L181

and sphinx itself only appears to handle left, right, center and default: https://github.com/sphinx-doc/sphinx/blob/2100722b70b1d1b024112c5ba0dbf62ad23b0154/sphinx/themes/basic/static/basic.css_t#L280

[pradyunsg]

Bah, Sphinx 4 broke all kinds of little things. >.<

[chrisjsewell]

the reason I noticed it FYI, is that I'm "borrowing" some of your SASS for: https://executablebooks.github.io/markdown-it-docutils/ 😬

[chrisjsewell]

and in-turn this will be used in the VS Code / JupyterLab extension previews 😄

[pradyunsg]

😆 why's that though, are you importing some CSS from them?

No, it changed the markup that the themes are supposed to stylize, in very odd + subtle ways.

Fixed this in 364daf9, and cutting a release with this now! :)

[chrisjsewell]

👍 🎉

[pradyunsg]

Heh, how our understanding of the stack evolved a few short months after this. 😅