mediawiki-skins-Vector/resources/skins.vector.styles/skin.less
Jon Robson d4903b8e57 Remove TableOfContents mustache template and mark layout rules
Follow up to I3484a790ce8ebadf21054ac1d222d5632b2dc5a4

__Template__

The template is not particularly useful - it is only ever
used once in this context and features a static ID which means
it can never be reused. It is also tied to the #vector-toc-collapsed-checkbox
element. In current form it doesn't make sense to have this template.

Maybe in future, I could see an argument for a PinnableTableOfContents component
that wrapped the checkbox and nav element, and generalized the IDs but
currently there's no pressing need or value for that.

__Layouts__

The existing Pinned and Unpinned stylesheets are concerned with how the table
of contents is layed out holistically with regards to other components and
features enabled on the page. I think these should therefore be organized as such.
The way I reason with this, is these styles would be irrelevant in a component
library if the component was rendered in isolation.

Bug: T328719
Change-Id: I9ff0e0eeb35f215a8cae5950d08dc1277b662a71
2023-02-28 00:27:31 +00:00

50 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/SearchBoxLoader.less';
@import './components/VueEnhancedSearchBox.less';
@import './components/LanguageDropdown.less';
@import './components/UserLinks.less';
@import './components/Header.less';
@import './components/Footer.less';
@import './components/Menu.less';
@import './components/Dropdown.less';
@import './components/MenuTabs.less';
@import './components/MainMenu.less';
@import './components/MainMenuGroup.less';
@import './components/PageTitlebar.less';
@import './components/PageToolbar.less';
@import './components/PageTools.less';
@import './components/PinnableHeader.less';
@import './components/PinnableElement.less';
@import './components/StickyHeader.less';
@import './components/TabWatchstarLink.less';
@import './components/TableOfContents.less';
@import './components/Icon.less';
.vector-feature-page-tools-disabled {
@import './components/checkboxHack.less';
}
}
@media all {
// Component styles that should apply in all media.
@import './components/Logo.less';
}
@media print {
@import './layouts/print.less';
}
@import './layouts/gradeC.less';