/**
 * 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/ContentHeader.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/Footer.less';
	@import './components/MenuDropdown.less';
	@import './components/MenuTabs.less';
	@import './components/MenuPortal.less';
	@import './components/StickyHeader.less';
	@import './components/TabWatchstarLink.less';
	@import './components/TableOfContents.less';
	@import './components/TableOfContentsCollapsed.less';

	// Make sure all icons are the correct color https://phabricator.wikimedia.org/T317800
	.mw-ui-icon:before {
		// `@opacity-icon-base` equals to `#222` on `background-color: #fff`, closest to `#202122`.
		opacity: @opacity-icon-base;
	}
}

@media all {
	// Component styles that should apply in all media.
	@import './components/Logo.less';
}

@media print {
	@import './layouts/print.less';
}

@import './layouts/gradeC.less';