From aecd83e5280c180a82836d7a74d38ab48bdcb2ee Mon Sep 17 00:00:00 2001
From: jdlrobson <jdlrobson@gmail.com>
Date: Thu, 12 Mar 2020 12:52:44 -0700
Subject: [PATCH] [Refactor] Move HD styles into separate importable LESS file

Change-Id: Ie596a7906b0e876fc00c1b821c23ceb9d13147e2
---
 resources/skins.vector.styles/hd.less    | 31 ++++++++++++++++++++++
 resources/skins.vector.styles/index.less | 33 +-----------------------
 2 files changed, 32 insertions(+), 32 deletions(-)
 create mode 100644 resources/skins.vector.styles/hd.less

diff --git a/resources/skins.vector.styles/hd.less b/resources/skins.vector.styles/hd.less
new file mode 100644
index 00000000..eb56ca35
--- /dev/null
+++ b/resources/skins.vector.styles/hd.less
@@ -0,0 +1,31 @@
+/* Vector screen styles for high definition displays. These rules cross the above components and are
+   grouped together here only for the sake of the media query common to each. */
+@media screen and ( min-width: 982px ) {
+	.mw-body,
+	#mw-head-base,
+	#left-navigation,
+	#mw-data-after-content,
+	#footer {
+		margin-left: 11em;
+	}
+
+	.mw-body {
+		padding: 1.25em 1.5em 1.5em 1.5em;
+	}
+
+	#footer {
+		padding: 1.25em;
+	}
+
+	#mw-panel {
+		padding-left: 0.5em;
+	}
+
+	#p-search {
+		margin-right: 1em;
+	}
+
+	#p-personal {
+		right: 1em;
+	}
+}
diff --git a/resources/skins.vector.styles/index.less b/resources/skins.vector.styles/index.less
index 6add478f..45c017e1 100644
--- a/resources/skins.vector.styles/index.less
+++ b/resources/skins.vector.styles/index.less
@@ -15,36 +15,5 @@
 	@import 'externalLinks.less';
 }
 
-/* Vector screen styles for high definition displays. These rules cross the above components and are
-   grouped together here only for the sake of the media query common to each. */
-@media screen and ( min-width: 982px ) {
-	.mw-body,
-	#mw-head-base,
-	#left-navigation,
-	#mw-data-after-content,
-	#footer {
-		margin-left: 11em;
-	}
-
-	.mw-body {
-		padding: 1.25em 1.5em 1.5em 1.5em;
-	}
-
-	#footer {
-		padding: 1.25em;
-	}
-
-	#mw-panel {
-		padding-left: 0.5em;
-	}
-
-	#p-search {
-		margin-right: 1em;
-	}
-
-	#p-personal {
-		right: 1em;
-	}
-}
-
+@import 'hd.less';
 @import 'print.less';