ivue-material-plus/dist/unplugin-vue-components/styles/ivue-checkbox.css

A high quality UI components Library with Vue.js

:root{--ivue-checkbox-font-size:14px;--ivue-checkbox-right:8px;--ivue-checkbox-text-padding-left:4px;--ivue-checkbox-inner-size:16px;--ivue-checkbox-inner-radius:2px;--ivue-checkbox-inner-after-width:4px;--ivue-checkbox-inner-after-height:8px;--ivue-checkbox-inner-after-top:2px;--ivue-checkbox-inner-after-left:5px;--ivue-checkbox-inner-before-width:10px;--ivue-checkbox-inner-before-height:2px;--ivue-checkbox-inner-before-top:6px;--ivue-checkbox-inner-before-left:2px;--ivue-checkbox-label-text-margin:0 4px;--ivue-checkbox-border-height:32px;--ivue-checkbox-border-line-height:30px;--ivue-checkbox-border-radius:4px;--ivue-checkbox-border-padding:0 15px;--ivue-checkbox-disabled-bg:#f8f9fd}.ivue-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;cursor:pointer;line-height:1;position:relative}.ivue-checkbox-wrapper{cursor:pointer;font-size:var(--ivue-checkbox-font-size);display:inline-block;margin-right:var(--ivue-checkbox-right)}.ivue-checkbox-wrapper+span{padding-left:var(--ivue-checkbox-text-padding-left)}.ivue-checkbox-wrapper--disabled{cursor:var(--ivue-cursor-disabled)}.ivue-checkbox-wrapper--checked.ivue-checkbox-border{border-color:var(--ivue-primary-color)}.ivue-checkbox-wrapper--disabled.ivue-checkbox-border{border-color:var(--ivue-border-color)}.ivue-checkbox-disabled{cursor:var(--ivue-cursor-disabled)}.ivue-checkbox-disabled.ivue-checkbox-checked .ivue-checkbox-inner{border-color:var(--ivue-border-color);background-color:var(--ivue-checkbox-disabled-bg)}.ivue-checkbox-disabled.ivue-checkbox-checked .ivue-checkbox-inner::after{border-color:var(--ivue-disabled-color)}.ivue-checkbox-disabled .ivue-checkbox-inner{border-color:var(--ivue-border-color);background-color:var(--ivue-checkbox-disabled-bg)}.ivue-checkbox-inner{display:inline-block;width:var(--ivue-checkbox-inner-size);height:var(--ivue-checkbox-inner-size);position:relative;top:0;left:0;border:1px solid var(--ivue-border-color);border-radius:var(--ivue-checkbox-inner-radius);background-color:var(--ivue-white-color);-webkit-transition:border-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),background-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),-webkit-box-shadow var(--ivue-default-transition-time) var(--ivue-ease-in-out);transition:border-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),background-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),-webkit-box-shadow var(--ivue-default-transition-time) var(--ivue-ease-in-out);transition:border-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),background-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),box-shadow var(--ivue-default-transition-time) var(--ivue-ease-in-out);transition:border-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),background-color var(--ivue-default-transition-time) var(--ivue-ease-in-out),box-shadow var(--ivue-default-transition-time) var(--ivue-ease-in-out),-webkit-box-shadow var(--ivue-default-transition-time) var(--ivue-ease-in-out)}.ivue-checkbox-inner::after{content:"";position:absolute;top:var(--ivue-checkbox-inner-after-top);left:var(--ivue-checkbox-inner-after-left);display:table;width:var(--ivue-checkbox-inner-after-width);height:var(--ivue-checkbox-inner-after-height);border:2px solid var(--ivue-border-color);border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);-webkit-transition:var(--ivue-all-transition);transition:var(--ivue-all-transition)}.ivue-checkbox-inner::before{content:"";position:absolute;top:var(--ivue-checkbox-inner-before-top);left:var(--ivue-checkbox-inner-before-left);display:none;width:var(--ivue-checkbox-inner-before-width);height:var(--ivue-checkbox-inner-before-height)}.ivue-checkbox-input{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;cursor:pointer;opacity:0}.ivue-checkbox-input[disabled]{cursor:not-allowed}.ivue-checkbox-label-text{margin:var(--ivue-checkbox-label-text-margin)}.ivue-checkbox-label-text--disabled{color:var(--ivue-disabled-color)}.ivue-checkbox-checked .ivue-checkbox-inner{border-color:currentColor;background-color:currentColor}.ivue-checkbox-checked .ivue-checkbox-inner::after{border-color:var(--ivue-white-color);-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1)}.ivue-checkbox-group{font-size:var(--ivue-checkbox-font-size)}.ivue-checkbox-group--item{display:inline-block}.ivue-checkbox-border{border:1px solid var(--ivue-border-color);border-radius:var(--ivue-checkbox-border-radius);height:var(--ivue-checkbox-border-height);line-height:var(--ivue-checkbox-border-line-height);padding:var(--ivue-checkbox-border-padding);-webkit-transition:border var(--ivue-default-transition-time) var(--ivue-ease-in-out);transition:border var(--ivue-default-transition-time) var(--ivue-ease-in-out)}.ivue-checkbox-indeterminate .ivue-checkbox-inner{border-color:currentColor;background-color:currentColor}.ivue-checkbox-indeterminate .ivue-checkbox-inner::after{display:none}.ivue-checkbox-indeterminate .ivue-checkbox-inner::before{content:"";display:table;background-color:var(--ivue-white-color)}