Merge "Add `.mw-footer` CSS class & replace `#footer` selector with it"

includes/templates/Footer.mustache

@@ -14,7 +14,7 @@
 	footerRow[] array-footer-rows iterable list of footer rows
 }}
 {{{html-hook-vector-before-footer}}}
-<div id="footer" role="contentinfo" {{{html-userlangattributes}}}>
+<div id="footer" class="mw-footer" role="contentinfo" {{{html-userlangattributes}}}>
 	{{#array-footer-rows}}
 	<ul id="{{id}}" class="{{className}}">
 		{{#array-items}}

resources/skins.vector.styles.responsive.less

@@ -38,7 +38,8 @@
 	}
 
 	/* Rearrange various page elements to fill the now-available space */
-	body #footer {
+	body #footer,  /* FIXME: Remove 2 weeks after deployment. */
+	body .mw-footer {
 		margin-left: 0;
 		padding-top: 0;
 

resources/skins.vector.styles/Footer.less

@@ -1,7 +1,8 @@
 @import '../../variables.less';
 
 /* Footer */
-#footer {
+#footer, /* FIXME: Remove 2 weeks after deployment. */
+.mw-footer {
 	padding: 0.75em;
 	direction: ltr;
 

resources/skins.vector.styles/legacy/layout.less

@@ -68,7 +68,8 @@
 		left: 0;
 	}
 
-	#footer {
+	#footer, /* FIXME: Remove 2 weeks after deployment. */
+	.mw-footer {
 		margin-left: 10em;
 		margin-top: 0;
 	}
@@ -81,7 +82,8 @@
 	#mw-head-base,
 	#left-navigation,
 	#mw-data-after-content,
-	#footer {
+	#footer, /* FIXME: Remove 2 weeks after deployment. */
+	.mw-footer {
 		margin-left: 11em;
 	}
 
@@ -89,7 +91,8 @@
 		padding: 1.25em 1.5em 1.5em 1.5em;
 	}
 
-	#footer {
+	#footer, /* FIXME: Remove 2 weeks after deployment. */
+	.mw-footer {
 		padding: 1.25em;
 	}
 

resources/skins.vector.styles/print.less

@@ -18,7 +18,8 @@
 	// Tables, thumbs and lists are sans-serif in print mode (unlike screen mode) because these will render
 	// more legibly on print media in a smaller font sizes
 	.printfooter,
-	#footer,
+	#footer, /* FIXME: Remove 2 weeks after deployment. */
+	.mw-footer,
 	.thumb,
 	table,
 	ol,
@@ -190,7 +191,8 @@
 		clear: both;
 	}
 
-	#footer {
+	#footer, /* FIXME: Remove 2 weeks after deployment. */
+	.mw-footer {
 		margin-top: 12px;
 		border-top: 1px solid @border-color-footer;
 		padding-top: 5px;