/**
 * Created by rockyl on 2019-09-18.
 */
@import "./var.scss";
@import "./base.scss";
@import "./home.scss";
@import "./editor.scss";
@import "./playground.scss";
@import "./inspector.scss";
@import "~element-ui/packages/theme-chalk/src/index.scss";

.alpha-image-background{
	background-image: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiUlEQVQ4jZ1TSxLFIAhLOp7C+19NjyFvlQ7lUUvLRgXzgVGOMQyb6L3/5cwMJAEAxw6sy3FP8tw/EkhJqp7klQMBtKpWcpC1oVp7IoiqviXg4xBFRPL7EM/6WsviYDxwzrkVaBHsz5U4MlWfKxHEySpXIdk6qLRzcXBHVnKQfZRKCy1Ty979XfwApOBe0rB0KiIAAAAASUVORK5CYII=');
}

.flex-dialog {
	display: flex;
	flex-direction: column;

	.el-dialog__body {
		flex: 1;
		height: 0;
		padding: 5px;
	}
}

.popover-remark {
	width: 100%;
	display: block;

	.short-remark {
		width: 100%;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}
}

.el-tree {
	background: transparent;
}

.wrap-x-hidden {
	overflow-x: hidden;
}

.wrap-y-hidden {
	overflow-y: hidden;
}

.pr-10px{
	padding-right: 10px;
}

.el-form-item--mini.el-form-item {
	margin-bottom: 3px;
}

.el-tree-node__content > .el-tree-node__expand-icon {
	padding: 6px 0;
}

.el-input-number.is-without-controls .el-input__inner{
	padding: 0 5px;
}
.el-input__inner {
	padding: 0 5px;
}

.el-input--suffix .el-input__inner {
	padding-right: 5px;
}

.el-textarea__inner {
	height: 100%;
}

.el-collapse-item__header{
	height: 30px;
	line-height: 30px;
}

.el-collapse-item__content{
	padding-bottom: 5px;
}

.el-tabs--border-card > .el-tabs__content {
	padding: 5px;
}

.el-input-number.is-controls-right .el-input__inner {
	padding-left: 5px;
	padding-right: 25px;
}

.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease {
	width: 16px;
}

.el-button-group > .el-button {
	padding-left: 5px;
	padding-right: 5px;
}

.el-button.micro {
	padding: 3px;
	align-self: center;
}

.el-tabs__item {
	height: 25px;
	line-height: 25px;
}

.el-tab-pane {
	height: 100%;
}

.el-form-item__content {
	display: flex;
	//justify-content: flex-end;

	.el-input-number--mini {
		flex: 1;
	}

	.el-button{
		padding-left: 5px;
		padding-right: 5px;
	}
}
