/**
 * Vector modern stylesheets
 * See '../common/common.less' for common screen and print Vector stylesheets.
 */
@import './variables.less';
@import './mixins.less';

@media screen {
	// Common styles
	@import './layouts/screen.less';
	@import './layouts/grid.less';
	@import './layouts/toc/pinned.less';
	@import './layouts/toc/unpinned.less';
	@import './normalize.less';
	@import './typography.less';
	@import './links.less';
	@import './media.less';

	// Components
	@import './components/Dropdown.less';
	@import './components/MainMenu.less';
	@import './components/PinnableElement.less';
	@import './components/PinnableHeader.less';
	@import './components/PageTools.less';
	@import './components/TableOfContents.less';
	@import './components/Button.less';
	@import './components/Appearance.less';
	@import './components/LanguageDropdown.less';
	@import './components/UserLinks.less';
	@import './components/Header.less';
	@import './components/Icon.less';
	@import './components/Indicators.less';
	@import './components/Footer.less';
	@import './components/Menu.less';
	@import './components/MenuTabs.less';
	@import './components/PageTitlebar.less';
	@import './components/PageToolbar.less';
	@import './components/SearchBox.less';
	@import './components/SiteNotice.less';
	@import './components/Watchstar.less';
	@import './components/BottomDock.less';

	// JS only features. These should be hidden by default but will
	// be displayed by skins.vector.js when loaded.
	.vector-sticky-header-container {
		display: none;
	}
}

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

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