mediawiki.skinning: Vertical alignment for traditional galleries in Parsoid output

 * Note that this just an extraction of inline styles that are
   already present in the output.

Change-Id: I718f16dfbb2c4122ac9fb4a714b607da3e62d5a0

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 20668eb..3dc7f20 100644 (file)
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -176,3 +176,20 @@ figure[typeof*='mw:Audio/Thumb'] {
                border: 1px solid #eaecf0;
        }
 }
                border: 1px solid #eaecf0;
        }
 }

+
+/**
+ * Avoid the need to calculate paddings individually
+ * https://stackoverflow.com/a/7310398
+ */
+.mw-gallery-traditional .gallerybox .thumb {
+       &:before {
+               content: '';
+               vertical-align: middle;
+               display: inline-block;
+               height: 100%;
+       }
+       > * {
+               vertical-align: middle;
+               display: inline-block;
+       }
+}