mediawiki-skins-Vector/resources/skins.vector.styles/skin.less
Nicholas Ray 326e11dfbf Scope styles that should only apply to the main header to Header.less
We have many styles related to the layout and visibility of search that
are only useful in the context of the main header. Since many of these
elements have classes that will also be in the sticky header, we should
scope these rules to the main header so that we avoid an uphill battle
of styles trying to override eachother.

Additional changes:

* We previously had a mix of #p-search and .vector-search-box selectors
for the same element in the CSS. Header.less now only uses
.vector-searchbox to avoid specificity wars.

* Removed nearly all of the #p-search rules previously found on L147 -
L167 in screen.less after observing nothing relatively bad happening
when they were removed.

Bug: T289724
Change-Id: I2e6c269e29717cd20d8acfaddc3631ea1b8fedfa
2021-09-14 15:34:05 +00:00

31 lines
722 B
Plaintext

/**
* Vector modern stylesheets
* See '../common/common.less' for common screen and print Vector stylesheets.
*/
@import '../common/variables.less';
@import 'mediawiki.mixins.less';
@media screen {
// Layouts
@import './layouts/screen.less';
// Components
@import './components/SearchBoxLoader.less';
@import './components/VueEnhancedSearchBox.less';
@import './components/Sidebar.less';
@import './components/LanguageButton.less';
@import './components/UserLinks.less';
@import './components/Header.less';
@import './components/StickyHeader.less';
}
@media all {
// Component styles that should apply in all media.
@import './components/Logo.less';
}
@media print {
@import './layouts/print.less';
}