mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-18 21:15:50 +00:00
ac069fbec1
Move styles.less to index.less and import print.less from it. This keeps the reasoning about styles constrained to LESS instead of spread out over LESS _and_ ResourceLoader. The former is preferable since LESS is more standardized than ResourceLoader. The approach of moving styles.less to index.less and then referencing print.less was chosen with the intent that it'd be easier to assume styles are screen styles unless a media query says otherwise. This patch also makes the variables import common among print and screen styles. Bug: T246419 Change-Id: I981d0937aaacb7cba082c337f98c90e90b46b340
51 lines
927 B
Plaintext
51 lines
927 B
Plaintext
@import '../../variables.less';
|
|
|
|
/* Vector screen styles */
|
|
@media screen {
|
|
@import 'common.less';
|
|
@import 'PersonalMenu.less';
|
|
@import 'SearchBox.less';
|
|
@import 'VectorTabs.less';
|
|
@import 'watchstar.less';
|
|
@import 'VectorMenu.less';
|
|
@import 'Navigation.less';
|
|
@import 'Portal.less';
|
|
@import 'Sidebar.less';
|
|
@import 'Footer.less';
|
|
@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 'print.less';
|