/* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Break-point --------------------------*/ .el-tag { background-color: #eaf1fd; border-color: #d5e3fa; color: #2d74e7; display: inline-block; height: 32px; padding: 0 10px; line-height: 30px; font-size: 12px; color: #2D74E7; border-width: 1px; border-style: solid; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; } .el-tag.is-hit { border-color: #2D74E7; } .el-tag .el-tag__close { color: #2d74e7; } .el-tag .el-tag__close:hover { color: #FFFFFF; background-color: #2d74e7; } .el-tag.el-tag--info { background-color: #f4f4f5; border-color: #e9e9eb; color: #909399; } .el-tag.el-tag--info.is-hit { border-color: #909399; } .el-tag.el-tag--info .el-tag__close { color: #909399; } .el-tag.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #909399; } .el-tag.el-tag--success { background-color: #f0f9eb; border-color: #e1f3d8; color: #67c23a; } .el-tag.el-tag--success.is-hit { border-color: #67C23A; } .el-tag.el-tag--success .el-tag__close { color: #67c23a; } .el-tag.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #67c23a; } .el-tag.el-tag--warning { background-color: #fdf6ec; border-color: #faecd8; color: #e6a23c; } .el-tag.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag.el-tag--warning .el-tag__close { color: #e6a23c; } .el-tag.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #e6a23c; } .el-tag.el-tag--danger { background-color: #fdeaed; border-color: #fad6dc; color: #e7304e; } .el-tag.el-tag--danger.is-hit { border-color: #e7304e; } .el-tag.el-tag--danger .el-tag__close { color: #e7304e; } .el-tag.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #e7304e; } .el-tag .el-icon-close { border-radius: 50%; text-align: center; position: relative; cursor: pointer; font-size: 12px; height: 16px; width: 16px; line-height: 16px; vertical-align: middle; top: -1px; right: -5px; } .el-tag .el-icon-close::before { display: block; } .el-tag--dark { background-color: #2d74e7; border-color: #2d74e7; color: white; } .el-tag--dark.is-hit { border-color: #2D74E7; } .el-tag--dark .el-tag__close { color: white; } .el-tag--dark .el-tag__close:hover { color: #FFFFFF; background-color: #5790ec; } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: white; } .el-tag--dark.el-tag--info.is-hit { border-color: #909399; } .el-tag--dark.el-tag--info .el-tag__close { color: white; } .el-tag--dark.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #a6a9ad; } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: white; } .el-tag--dark.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--dark.el-tag--success .el-tag__close { color: white; } .el-tag--dark.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #85ce61; } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: white; } .el-tag--dark.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--dark.el-tag--warning .el-tag__close { color: white; } .el-tag--dark.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #ebb563; } .el-tag--dark.el-tag--danger { background-color: #e7304e; border-color: #e7304e; color: white; } .el-tag--dark.el-tag--danger.is-hit { border-color: #e7304e; } .el-tag--dark.el-tag--danger .el-tag__close { color: white; } .el-tag--dark.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #ec5971; } .el-tag--plain { background-color: white; border-color: #abc7f5; color: #2d74e7; } .el-tag--plain.is-hit { border-color: #2D74E7; } .el-tag--plain .el-tag__close { color: #2d74e7; } .el-tag--plain .el-tag__close:hover { color: #FFFFFF; background-color: #2d74e7; } .el-tag--plain.el-tag--info { background-color: white; border-color: #d3d4d6; color: #909399; } .el-tag--plain.el-tag--info.is-hit { border-color: #909399; } .el-tag--plain.el-tag--info .el-tag__close { color: #909399; } .el-tag--plain.el-tag--info .el-tag__close:hover { color: #FFFFFF; background-color: #909399; } .el-tag--plain.el-tag--success { background-color: white; border-color: #c2e7b0; color: #67c23a; } .el-tag--plain.el-tag--success.is-hit { border-color: #67C23A; } .el-tag--plain.el-tag--success .el-tag__close { color: #67c23a; } .el-tag--plain.el-tag--success .el-tag__close:hover { color: #FFFFFF; background-color: #67c23a; } .el-tag--plain.el-tag--warning { background-color: white; border-color: #f5dab1; color: #e6a23c; } .el-tag--plain.el-tag--warning.is-hit { border-color: #E6A23C; } .el-tag--plain.el-tag--warning .el-tag__close { color: #e6a23c; } .el-tag--plain.el-tag--warning .el-tag__close:hover { color: #FFFFFF; background-color: #e6a23c; } .el-tag--plain.el-tag--danger { background-color: white; border-color: #f5acb8; color: #e7304e; } .el-tag--plain.el-tag--danger.is-hit { border-color: #e7304e; } .el-tag--plain.el-tag--danger .el-tag__close { color: #e7304e; } .el-tag--plain.el-tag--danger .el-tag__close:hover { color: #FFFFFF; background-color: #e7304e; } .el-tag--medium { height: 28px; line-height: 26px; } .el-tag--medium .el-icon-close { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-tag--small { height: 24px; padding: 0 8px; line-height: 22px; } .el-tag--small .el-icon-close { -webkit-transform: scale(0.8); transform: scale(0.8); } .el-tag--mini { height: 20px; padding: 0 5px; line-height: 19px; } .el-tag--mini .el-icon-close { margin-left: -3px; -webkit-transform: scale(0.7); transform: scale(0.7); }