'skins.vector.styles' => array(
// Used in the web installer. Test it after modifying this definition!
'styles' => array(
- 'vector/styles.less',
+ 'vector/screen.less' => array( 'media' => 'screen' ),
+ 'vector/screen-hd.less' => array( 'media' => 'screen and (min-width: 982px)' ),
),
'remoteBasePath' => $GLOBALS['wgStylePath'],
'localBasePath' => $GLOBALS['wgStyleDirectory'],
/* Vector screen styles for high definition displays */
+@import "variables.less";
+
div#content {
margin-left: 11em;
padding: 1.25em 1.5em 1.5em 1.5em;
--- /dev/null
+/* Vector screen styles */
+
+@import "variables.less";
+
+@import "components/common.less";
+@import "components/animations.less";
+@import "components/navigation.less";
+@import "components/footer.less";
+@import 'components/notifications.less';
+@import "components/externalLinks.less";
+++ /dev/null
-@import "variables.less";
-
-@media screen {
- @import "components/common.less";
- @import "components/animations.less";
- @import "components/navigation.less";
- @import "components/footer.less";
- @import 'components/notifications.less';
- @import "components/externalLinks.less";
-}
-
-@media screen and (min-width: 982px) {
- @import "screen-hd.less";
-}