[Refactor] Move HD styles into separate importable LESS file

Change-Id: Ie596a7906b0e876fc00c1b821c23ceb9d13147e2
This commit is contained in:
jdlrobson 2020-03-12 12:52:44 -07:00
parent 864cc97092
commit aecd83e528
2 changed files with 32 additions and 32 deletions

View File

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

View File

@ -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';