@afwenming123/vue-easy-tree/src/assets/tree.min.css

A Vue.js project

@charset "UTF-8";
/* BEM support Func -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* Placeholder -------------------------- */
/* BEM -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
.collapse-transition { -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; }

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* BEM support Func -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
/* Placeholder -------------------------- */
/* BEM -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 8cc5ff */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Checkbox
-------------------------- */
/* Button
-------------------------- */
/* Tree
-------------------------- */
.el-checkbox { color: #606266; font-weight: 500; font-size: 14px; position: relative; cursor: pointer; display: inline-block; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 30px; }

.el-checkbox.is-bordered { padding: 9px 20px 9px 10px; border-radius: 4px; border: 1px solid #DCDFE6; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; height: 40px; }

.el-checkbox.is-bordered.is-checked { border-color: #409EFF; }

.el-checkbox.is-bordered.is-disabled { border-color: #EBEEF5; cursor: not-allowed; }

.el-checkbox.is-bordered + .el-checkbox.is-bordered { margin-left: 10px; }

.el-checkbox.is-bordered.el-checkbox--medium { padding: 7px 20px 7px 10px; border-radius: 4px; height: 36px; }

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { line-height: 17px; font-size: 14px; }

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px; }

.el-checkbox.is-bordered.el-checkbox--small { padding: 5px 15px 5px 10px; border-radius: 3px; height: 32px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { line-height: 15px; font-size: 12px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { height: 6px; width: 2px; }

.el-checkbox.is-bordered.el-checkbox--mini { padding: 3px 15px 3px 10px; border-radius: 3px; height: 28px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { line-height: 12px; font-size: 12px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { height: 6px; width: 2px; }

.el-checkbox__input { white-space: nowrap; cursor: pointer; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; }

.el-checkbox__input.is-disabled .el-checkbox__inner { background-color: #edf2fc; border-color: #DCDFE6; cursor: not-allowed; }

.el-checkbox__input.is-disabled .el-checkbox__inner::after { cursor: not-allowed; border-color: #C0C4CC; }

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed; }

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #F2F6FC; border-color: #DCDFE6; }

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { border-color: #C0C4CC; }

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: #F2F6FC; border-color: #DCDFE6; }

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { background-color: #C0C4CC; border-color: #C0C4CC; }

.el-checkbox__input.is-disabled + span.el-checkbox__label { color: #C0C4CC; cursor: not-allowed; }

.el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; }

.el-checkbox__input.is-checked .el-checkbox__inner::after { -webkit-transform: rotate(45deg) scaleY(1); transform: rotate(45deg) scaleY(1); }

.el-checkbox__input.is-checked + .el-checkbox__label { color: #409EFF; }

.el-checkbox__input.is-focus { /*focus时 视觉上区分*/ }

.el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409EFF; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { content: ''; position: absolute; display: block; background-color: #FFFFFF; height: 2px; -webkit-transform: scale(0.5); transform: scale(0.5); left: 0; right: 0; top: 5px; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { display: none; }

.el-checkbox__inner { display: inline-block; position: relative; border: 1px solid #DCDFE6; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; background-color: #FFFFFF; z-index: 1; -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }

.el-checkbox__inner:hover { border-color: #409EFF; }

.el-checkbox__inner::after { -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; border: 1px solid #FFFFFF; border-left: 0; border-top: 0; height: 7px; left: 4px; position: absolute; top: 1px; -webkit-transform: rotate(45deg) scaleY(0); transform: rotate(45deg) scaleY(0); width: 3px; -webkit-transition: -webkit-transform .15s ease-in .05s; transition: -webkit-transform .15s ease-in .05s; transition: transform .15s ease-in .05s; transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; -webkit-transform-origin: center; transform-origin: center; }

.el-checkbox__original { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1; }

.el-checkbox__label { display: inline-block; padding-left: 10px; line-height: 19px; font-size: 14px; }

.el-checkbox:last-of-type { margin-right: 0; }

.el-checkbox-button { position: relative; display: inline-block; }

.el-checkbox-button__inner { display: inline-block; line-height: 1; font-weight: 500; white-space: nowrap; vertical-align: middle; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; margin: 0; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 0; }

.el-checkbox-button__inner.is-round { padding: 12px 20px; }

.el-checkbox-button__inner:hover { color: #409EFF; }

.el-checkbox-button__inner [class*="el-icon-"] { line-height: 0.9; }

.el-checkbox-button__inner [class*="el-icon-"] + span { margin-left: 5px; }

.el-checkbox-button__original { opacity: 0; outline: none; position: absolute; margin: 0; z-index: -1; }

.el-checkbox-button.is-checked .el-checkbox-button__inner { color: #FFFFFF; background-color: #409EFF; border-color: #409EFF; -webkit-box-shadow: -1px 0 0 0 #8cc5ff; box-shadow: -1px 0 0 0 #8cc5ff; }

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409EFF; }

.el-checkbox-button.is-disabled .el-checkbox-button__inner { color: #C0C4CC; cursor: not-allowed; background-image: none; background-color: #FFFFFF; border-color: #EBEEF5; -webkit-box-shadow: none; box-shadow: none; }

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: #EBEEF5; }

.el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid #DCDFE6; border-radius: 4px 0 0 4px; -webkit-box-shadow: none !important; box-shadow: none !important; }

.el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409EFF; }

.el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 4px 4px 0; }

.el-checkbox-button--medium .el-checkbox-button__inner { padding: 10px 20px; font-size: 14px; border-radius: 0; }

.el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px; }

.el-checkbox-button--small .el-checkbox-button__inner { padding: 9px 15px; font-size: 12px; border-radius: 0; }

.el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px; }

.el-checkbox-button--mini .el-checkbox-button__inner { padding: 7px 15px; font-size: 12px; border-radius: 0; }

.el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px; }

.el-checkbox-group { font-size: 0; }

.el-tree { position: relative; cursor: default; background: #FFFFFF; color: #606266; }

.el-tree__empty-block { position: relative; min-height: 60px; text-align: center; width: 100%; height: 100%; }

.el-tree__empty-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #909399; font-size: 14px; }

.el-tree__drop-indicator { position: absolute; left: 0; right: 0; height: 1px; background-color: #409EFF; }

.el-tree-node { white-space: nowrap; outline: none; }

.el-tree-node:focus { /* focus */ }

.el-tree-node:focus > .el-tree-node__content { background-color: #F5F7FA; }

.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { background-color: #409EFF; color: #fff; }

.el-tree-node__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

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

.el-tree-node__content > label.el-checkbox { margin-right: 8px; }

.el-tree-node__content:hover { background-color: #F5F7FA; }

.el-tree.is-dragging .el-tree-node__content { cursor: move; }

.el-tree.is-dragging .el-tree-node__content * { pointer-events: none; }

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { cursor: not-allowed; }

.el-tree-node__expand-icon { cursor: pointer; color: #C0C4CC; font-size: 12px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }

.el-tree-node__expand-icon.expanded { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.el-tree-node__expand-icon-no-transition { -webkit-transition: none; transition: none; }

.el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default; }

.el-tree-node__label { font-size: 14px; }

.el-tree-node__loading-icon { margin-right: 8px; font-size: 14px; color: #C0C4CC; }

.el-tree-node > .el-tree-node__children { overflow: hidden; background-color: transparent; }

.el-tree-node.is-expanded > .el-tree-node__children { display: block; }

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: #f0f7ff; }
/*# sourceMappingURL=tree.min.css.map */