Open Time

Ça fait des années, réellement, que je peste au sujet des styles CSS inline insérés pour gérer l’alignement des médias.

Eh bien j’ai fait hier le nécessaire pour en finir, au revoir les styles inline, bonjour les classes !

D’ailleurs les voilà ces classes :

/* Media alignement */
.media-center {
  display: table;
  margin: 0 auto;
}

.media-left {
  float: inline-start;
  margin-inline-end: 1em;
  margin-block-end: 1em;
}

.media-right {
  float: inline-end;
  margin-inline-start: 1em;
  margin-block-end: 1em;
}

Notez que les alignements gauche et droite sont indépendants du sens d’écriture ;-)

Ça fonctionnera à partir de la 2.27 ; côté administration les éditeurs — dcLegacyEditor et dcCKEditor — chargeront ces classes particulières et les utiliseront quand un alignement sera demandé, et côté public une petite feuille de style sera chargée automatiquement pour les définir¹.

Je suis en train d’adapter les plugins qui gèrent aussi des alignements de leur côté, multipleMedia, legacyMarkdown, externalMedia et noembedMedia ; ils seront publiés sous peu (et resteront compatibles avec la 2.26).