// styles necessary for components
//
// @author Stanislav Kalashnik <sk@infomir.eu>
// @license GNU GENERAL PUBLIC LICENSE Version 3


.component {
	// component's outer dom element
	&.hidden {
		// need to force
		// as some components apply "display" later
		display: none !important;
	}

	div {
		// The width and height (also including min-width, max-width, min-height and max-height properties) of an element
		// are calculated as the width/height of the content plus the padding and border.
		-webkit-box-sizing: border-box;
	}
}


@import "./ui/button.less";
@import "./ui/check.box.less";
@import "./ui/grid.less";
@import "./ui/input.less";
@import "./ui/list.less";
@import "./ui/modal.box.less";
@import "./ui/modal.message.less";
@import "./ui/page.less";
@import "./ui/panel.less";
@import "./ui/progress.bar.less";
@import "./ui/scroll.bar.less";
@import "./ui/widget.less";
@import "./ui/tab.item.less";
@import "./ui/tab.list.less";
@import "./ui/layer.item.less";
@import "./ui/layer.list.less";