For me, one of the goals of a global CSS is to ensure a consistent look and feel across the website rather than to allow a variety of different designs; the CSS is not only a toolbox to pick possible classes from, it is also our definition of the default style of elements. I am not sure though how much others share this view.
For me, an ideal solution would be that if I write...
...in our HTML code (without encapsulating <div>), the image appears exactly the way how we want captioned images to appear on our web pages, except for special cases where we add an explicit class (like to right-align it and float text around it).
I am on Reinhard's page here. Embedding pictures is elementary to all pages and a "daily operation". It should be as easy as possible to embed pictures in fsfe-style without having to open another web-page, look at the source-code and copy-paste it (what I actually currently do). Looking at https://git.fsfe.org/attachments/9a45dbe7-22d7-4127-a111-5c9d7843ad98 there are so many classes used that it is hard to memorize and easy to make an error. A solution that offers:
figure "class=fullpic" (or this should actually happen without a class)
and no more classes, instead, would be a big help to code by heart.
and btw: how can I embed snippets here in the comment like you do?
I suggest <figure class="pull-left"> and <figure class="pull-right"> instead of picleft and picright for consistency with the standard bootstrap classes. And I would go even further and say that the figcaption should be centered below the figure by default.
backticks is weired, but thanks for the hint of how to embed <span>snippets</span>
pull-left and pull-right would be ok with me (i really do not care about the name of the class), but my idea was to have a class picright that already combines multiple classes from bootstrap which is for examle pull-left, width: 50%, padding: 1em, shadow (please note this is just an example no real proposal of code, I know it#s not proper). Such a super-class would make it a way easier for everyone who does not know bootstrap. But of course such a super-class cannot have the name of a default class from bootstrap.
About the figcaption: I think it depends. One line caption should usually be centered. If you have two or more lines in a caption, however, centered might be unpleasant to read.
With CSS you can easily define that, for example, if the pull-left class is applied to a <figure>, it defaults to a width of 25% and a padding of 1em; shadowed style should (IMHO) be the default for <figure> anyway.
About the figcaption: making centered text the default can still leave us the option open to add a text-left or text-right class, it's just a question of what we want to make the default.
Ok, I agree: per default we define figure to be full-size, centered with space and figcaption to be centered. We define nice classes for pictures to pull-left or pull-right and i necessary have text-left or text-right to fine-grain.