Merge "multi-line, two-line and mw-ui-button-group only loaded where needed"

resources/skins.minerva.base.styles/ui.less

@@ -290,19 +290,6 @@ input.search {
 	overflow: hidden;
 	-webkit-text-overflow: ellipsis;
 	text-overflow: ellipsis;
-
-	// FIXME: this works only in WebKit
-	&.multi-line {
-		white-space: normal;
-		display: -webkit-box;
-		-webkit-box-orient: vertical;
-	}
-
-	&.two-line {
-		-webkit-line-clamp: 2;
-		// fallback for non-WebKit
-		max-height: 2.6em;
-	}
 }
 
 // FIXME: Create generic class to represent both of these headers
@@ -385,20 +372,6 @@ input.search {
 	}
 }
 
-// FIXME [mediawiki ui] These rules should not be needed in the mobile context
-.mw-ui-button-group {
-	text-align: center;
-
-	* {
-		float: none !important;
-	}
-
-	// For talk and CTA drawer
-	.mw-ui-block {
-		width: auto;
-	}
-}
-
 // This is here rather than in mainmenu.less because we want to load these rules for non-js users too
 // Transparent shield hidden by default
 .transparent-shield,

skinStyles/mobile.special.styles/minerva.less

@@ -1,5 +1,19 @@
 @import 'minerva.variables';
 
+// FIXME [mediawiki ui] These rules should not be needed in the mobile context
+.mw-ui-button-group {
+	text-align: center;
+
+	* {
+		float: none !important;
+	}
+
+	// For talk and CTA drawer
+	.mw-ui-block {
+		width: auto;
+	}
+}
+
 .ns-special {
 	#content {
 		#section_0 {
@@ -31,3 +45,20 @@
 		}
 	}
 }
+
+// Used by MobileSpecialPageFeed.php in MobileFrontend
+.truncated-text {
+
+	// FIXME: this works only in WebKit
+	&.multi-line {
+		white-space: normal;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+	}
+
+	&.two-line {
+		-webkit-line-clamp: 2;
+		// fallback for non-WebKit
+		max-height: 2.6em;
+	}
+}