mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-29 18:05:19 +00:00
64df4fde20
Remove JavaScript that collapses tabs and replace with an easier to maintain breakpoint based solution. Tabs will now collapse below the tablet breakpoint Note: In the case of mw.util.addPortletLink, to add items to the `views` menu, these will not be collapsed into the more menu and must now be explicitly added to both menus, ie. if the window is resized these will hide and not appear in the more menu. However, when mw.util.addPortletLink attempts to add to `views` menu when there is not available space, we will redirect those links to the more (`cactions`) dropdown menu. Bug: T306229 Change-Id: I34ace0aeb3e23d8f6a8c5a8680bb492f37e343ad
53 lines
1.4 KiB
Plaintext
53 lines
1.4 KiB
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/ArticleToolbar.less';
|
|
@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';
|
|
@import './components/TableOfContents.less';
|
|
}
|
|
|
|
@media all {
|
|
// Component styles that should apply in all media.
|
|
@import './components/Logo.less';
|
|
}
|
|
|
|
@media print {
|
|
@import './layouts/print.less';
|
|
}
|
|
|
|
/**
|
|
* Respect users who prefer reduced motion.
|
|
* This code can be removed if and when it is upstreamed to ResourceLoaderSkinModule
|
|
* (see T254399).
|
|
*/
|
|
/* stylelint-disable declaration-no-important, time-min-milliseconds */
|
|
@media ( prefers-reduced-motion: reduce ) {
|
|
*,
|
|
:before,
|
|
:after {
|
|
animation-delay: -1ms !important; /* 1 */
|
|
animation-duration: 1ms !important; /* 1 */
|
|
animation-iteration-count: 1 !important; /* 1 */
|
|
background-attachment: initial !important; /* 2 */
|
|
scroll-behavior: auto !important; /* 3 */
|
|
transition-delay: 0s !important; /* 4 */
|
|
transition-duration: 0s !important; /* 4 */
|
|
}
|
|
}
|