@bee-design/ui
Version:
Bee Design React UI Library.
1 lines • 3.85 kB
CSS
.bee-icon-hover.bee-checkbox-icon-hover::before{width:24px;height:24px}.bee-checkbox{display:inline-block;cursor:pointer;box-sizing:border-box;font-size:14px;padding-left:5px;line-height:unset;position:relative}.bee-checkbox>input[type=checkbox]{position:absolute;opacity:0;top:0;left:0;width:0;height:0}.bee-checkbox>input[type=checkbox]:focus-visible+.bee-checkbox-icon-hover::before{background-color:var(--bee-color-fill-2);opacity:1}.bee-checkbox:hover .bee-checkbox-icon-hover::before{background-color:var(--bee-color-fill-2)}.bee-checkbox-text{color:var(--bee-color-text-1);margin-left:8px}.bee-checkbox-mask-wrapper{vertical-align:middle;top:-.09em;position:relative;line-height:1}.bee-checkbox-mask{position:relative;box-sizing:border-box;width:14px;height:14px;border:2px solid var(--bee-color-fill-3);border-radius:var(--bee-border-radius-small);background-color:var(--bee-color-bg-2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bee-checkbox-mask::after{content:'';display:block;height:2px;width:6px;background:var(--bee-color-white);top:50%;left:50%;transform:translateX(-50%) translateY(-50%) scale(0);position:absolute;border-radius:.5px}.bee-checkbox-mask-icon{position:relative;height:100%;transform:scale(0);color:var(--bee-color-white);transform-origin:center 75%;margin:0 auto;display:block;width:8px}.bee-checkbox:hover .bee-checkbox-mask{border-color:var(--bee-color-fill-4);transition:border-color .1s cubic-bezier(0,0,1,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.bee-checkbox-checked:hover .bee-checkbox-mask,.bee-checkbox-indeterminate:hover .bee-checkbox-mask{transition:transform .3s cubic-bezier(.3,1.3,.3,1)}.bee-checkbox-checked .bee-checkbox-mask{border-color:transparent;background-color:rgb(var(--bee-primary-6))}.bee-checkbox-checked .bee-checkbox-mask-icon{transform:scale(1);transition:transform .3s cubic-bezier(.3,1.3,.3,1)}.bee-checkbox-indeterminate .bee-checkbox-mask{border-color:transparent;background-color:rgb(var(--bee-primary-6))}.bee-checkbox-indeterminate .bee-checkbox-mask-icon{transform:scale(0)}.bee-checkbox-indeterminate .bee-checkbox-mask::after{transform:translateX(-50%) translateY(-50%) scale(1);transition:transform .3s cubic-bezier(.3,1.3,.3,1)}.bee-checkbox.bee-checkbox-disabled{cursor:not-allowed}.bee-checkbox.bee-checkbox-disabled .bee-checkbox-icon-hover{cursor:not-allowed}.bee-checkbox.bee-checkbox-disabled:hover .bee-checkbox-mask{border-color:var(--bee-color-fill-3)}.bee-checkbox-checked:hover .bee-checkbox-mask,.bee-checkbox-indeterminate:hover .bee-checkbox-mask{border-color:transparent}.bee-checkbox-disabled .bee-checkbox-mask{border-color:var(--bee-color-fill-3);background-color:var(--bee-color-fill-2)}.bee-checkbox-disabled.bee-checkbox-checked .bee-checkbox-mask,.bee-checkbox-disabled.bee-checkbox-checked:hover .bee-checkbox-mask,.bee-checkbox-disabled.bee-checkbox-indeterminate .bee-checkbox-mask,.bee-checkbox-disabled.bee-checkbox-indeterminate:hover .bee-checkbox-mask{border-color:transparent;background-color:var(--bee-color-primary-light-3)}.bee-checkbox-checked:hover .bee-checkbox-mask-wrapper::before,.bee-checkbox-disabled:hover .bee-checkbox-mask-wrapper::before,.bee-checkbox-indeterminate:hover .bee-checkbox-mask-wrapper::before{background-color:transparent}.bee-checkbox-disabled .bee-checkbox-text{color:var(--bee-color-text-4)}.bee-checkbox-disabled .bee-checkbox-mask-icon{color:var(--bee-color-fill-3)}.bee-checkbox-group{display:inline-block}.bee-checkbox-group .bee-checkbox{margin-right:16px}.bee-checkbox-group-direction-vertical .bee-checkbox{display:block;margin-right:0;line-height:32px}.bee-checkbox-rtl{direction:rtl;padding-left:0;padding-right:5px}.bee-checkbox-rtl .bee-checkbox-text{margin-left:0;margin-right:8px}.bee-checkbox-group-rtl .bee-checkbox{margin-right:0;margin-left:16px}