From bc5bb2aa76bcae3931def74ad323da2f14fc3235 Mon Sep 17 00:00:00 2001
From: Arlo Breault <abreault@wikimedia.org>
Date: Thu, 17 Aug 2017 14:03:39 -0400
Subject: [PATCH] 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
---
 .../src/mediawiki.skinning/content.parsoid.less | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 20668ebefb..3dc7f2022e 100644
--- 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;
 	}
 }
+
+/**
+ * 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;
+	}
+}
-- 
2.20.1