/* Popover 弹出框(图标选择器)
------------------------------- */
// Border
$border-width-base: 1px !default;
$border-style-base: solid !default;
$border-color-base: #333333;

.icon-selector-popper {
	padding: 0 !important;
	.icon-selector-warp {
		height: 260px;
		overflow: hidden;
		.icon-selector-warp-row {
			height: 230px;
			overflow: hidden;
			border-top: $border-style-base $border-width-base $border-color-base;
			.el-scrollbar {
				height: 100%;
			}
			.el-row {
				padding: 15px;
				margin: 0;
			}
			.el-scrollbar__bar.is-horizontal {
				display: none;
			}
			.icon-selector-warp-item {
				display: flex;
				justify-content: center;
				border: $border-style-base $border-width-base $border-color-base;
				padding: 2px;
				border-radius: 5px;
				margin-bottom: 2px;
				.icon-selector-warp-item-value {
					i {
						font-size: 20px;
						color: #606266;
					}
				}
				&:hover {
					cursor: pointer;
					background-color: #d9ecff;;
					border: 1px solid #b3d8ff;
					.icon-selector-warp-item-value {
						i {
							color: #409eff;
						}
					}
				}
			}
			.icon-selector-active {
				background-color: #d9ecff;;
				border: 1px solid #b3d8ff;
				.icon-selector-warp-item-value {
					i {
						color: #409eff;
					}
				}
			}
		}
	}
}