double-ui-vue
Version:
2 lines (1 loc) • 2.84 kB
CSS
.d-select-checkbox{border-radius:4px;width:100%;font-size:0}.d-select-checkbox-item{padding-left:16px;padding-right:8px;width:100%;height:38px;line-height:38px;color:var(--grey-900);transition:background-color .3s;font-size:0}.d-select-checkbox-item:hover{background-color:var(--hover-color-grey)}.d-select-checkbox-item:hover .d-select-checkbox-text-ellipsis-start:before{background-color:var(--hover-color-grey)}.d-select-checkbox-item .d-checkbox{width:100%}.d-select-checkbox-disabled .d-select-checkbox-text{color:var(--grey-400)}.d-select-checkbox-text{display:inline-block;vertical-align:middle;width:100%;height:100%;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-select-checkbox-text-ellipsis-start{position:relative}.d-select-checkbox-text-ellipsis-start:before{position:absolute;left:-1px;top:-1px;display:inline-block;background-color:var(--theme);width:12px;height:100%;content:"...";font-size:14px;color:var(--grey-900);text-align:right;transition:background-color .3s}.d-drop-tree-highlight{color:var(--blue-500)}.d-checkbox{display:inline-flex;align-items:center;min-width:16px;min-height:16px;vertical-align:middle;cursor:pointer;z-index:1}.d-checkbox+.d-checkbox{margin-left:8px}.d-checkbox .d-checkbox-box{position:relative;vertical-align:middle;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;width:16px;height:16px;transition:all .3s}.d-checkbox .d-checkbox-box:hover{box-shadow:0 0 4px #4e83fd66}.d-checkbox .d-checkbox-box:after{position:absolute;background:none;transition:transform .2s ease-in-out;transform:rotate(0) scale(0);z-index:1;content:"";pointer-events:none}.d-checkbox .d-checkbox-uncheck{background-color:var(--theme);border-color:var(--grey-400)}.d-checkbox .d-checkbox-uncheck:hover{border-color:var(--blue-500)}.d-checkbox .d-checkbox-checked{background-color:var(--blue-500);border-color:var(--blue-500)}.d-checkbox .d-checkbox-checked:after{top:2px;left:5px;border-right:2px solid var(--white);border-bottom:2px solid var(--white);width:4px;height:8px;transform:rotate(45deg) scale(1)}.d-checkbox .d-checkbox-notNull{background-color:var(--blue-500);border-color:var(--blue-500)}.d-checkbox .d-checkbox-notNull:after{top:6px;left:3px;background-color:var(--white);width:8px;height:2px;transform:scale(1)}.d-checkbox .d-checkbox-text{padding-left:8px;width:calc(100% - 16px);color:var(--grey-900);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.d-checkbox-disabled{cursor:not-allowed}.d-checkbox-disabled>i{pointer-events:none}.d-checkbox-disabled .d-checkbox-uncheck{background-color:var(--grey-300)}.d-checkbox-disabled .d-checkbox-checked,.d-checkbox-disabled .d-checkbox-notNull{background-color:var(--grey-400);border-color:var(--grey-400)}