From f3a8ec0acd224865156545a305130f75cacfce01 Mon Sep 17 00:00:00 2001
From: Arlo Breault <abreault@wikimedia.org>
Date: Thu, 17 Aug 2017 12:01:33 -0400
Subject: [PATCH] mediawiki.skinning: Vertical align inline media in Parsoid
 output

Change-Id: I56df80a25b43f9084e8cb5e537836ac773732259
---
 .../mediawiki.skinning/content.parsoid.less   | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/resources/src/mediawiki.skinning/content.parsoid.less b/resources/src/mediawiki.skinning/content.parsoid.less
index 3dc7f2022e..654b65550c 100644
--- a/resources/src/mediawiki.skinning/content.parsoid.less
+++ b/resources/src/mediawiki.skinning/content.parsoid.less
@@ -193,3 +193,36 @@ figure[typeof*='mw:Audio/Thumb'] {
 		display: inline-block;
 	}
 }
+
+/**
+ * Inline media items
+ */
+*:first-child {
+	> img,
+	> video {
+		.mw-valign-middle > & {
+			vertical-align: middle;
+		}
+		.mw-valign-baseline > & {
+			vertical-align: baseline;
+		}
+		.mw-valign-sub > & {
+			vertical-align: sub;
+		}
+		.mw-valign-super > & {
+			vertical-align: super;
+		}
+		.mw-valign-top > & {
+			vertical-align: top;
+		}
+		.mw-valign-text-top > & {
+			vertical-align: text-top;
+		}
+		.mw-valign-bottom > & {
+			vertical-align: bottom;
+		}
+		.mw-valign-text-bottom > & {
+			vertical-align: text-bottom;
+		}
+	}
+}
-- 
2.20.1