From: Arlo Breault <abreault@wikimedia.org>
Date: Thu, 17 Aug 2017 16:01:33 +0000 (-0400)
Subject: mediawiki.skinning: Vertical align inline media in Parsoid output
X-Git-Tag: 1.31.0-rc.0~2315^2
X-Git-Url: http://git.cyclocoop.org/data/Fool?a=commitdiff_plain;h=f3a8ec0acd224865156545a305130f75cacfce01;p=lhc%2Fweb%2Fwiklou.git

mediawiki.skinning: Vertical align inline media in Parsoid output

Change-Id: I56df80a25b43f9084e8cb5e537836ac773732259
---

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;
+		}
+	}
+}