// Citizen main styles

@import '../variables.less';
@import '../mixins.less';
@import 'common/typography.less';

@media screen {
	@import 'common/theme.less';
	@import 'common/cssvariables.less';
	@import 'layout.less';
	@import 'common/common.less';
	@import 'common/content.less';
	@import 'common/thumbnail.less';
	@import 'common/scrollbar.less';
	@import 'common/hacks.less';
	@import 'common/progressbar.less';

	// Components
	@import 'Header.less';
	@import 'Drawer.less';
	@import 'Drawer__button.less';
	@import 'Usermenu.less';
	@import 'Search.less';
	@import 'Search__button.less';
	@import 'Pagetools.less';
	@import 'Menu.less';
	@import 'ContentFooter.less';
	@import 'Footer.less';
	@import 'TableOfContents.less';
	@import 'StickyHeader.less';

	// Mediawiki.skinning
	// This get loaded regardless so we don't have to use skinStyles to target them
	// It is organized to be same as core because naming is hard :'(
	// @see https://github.com/wikimedia/mediawiki/commits/master/resources/src/mediawiki.skinning
	@import 'skinning/content.body.less';
	@import 'skinning/content.links.less';
	@import 'skinning/content.externallinks.less';
	@import 'skinning/content.tables.less';
	@import 'skinning/elements.less';
	@import 'skinning/i18n-all-lists-margins.less';
	@import 'skinning/interface-edit-section-links.less';
	@import 'skinning/interface-message-box.less';
	@import 'skinning/interface-site-notice.less';
	@import 'skinning/interface-subtitle.less';
	@import 'skinning/interface.category.less';
}

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