yk-smart-ui-test
Version:
A Component Library for Vue.js.
1 lines • 6.8 kB
CSS
@charset "UTF-8";.yk-checkbox,.yk-checkbox__input{display:inline-block;position:relative}.yk-checkbox{color:#2C2836;font-weight:400;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:30px}.yk-checkbox:after,.yk-checkbox:before{display:inline-block;vertical-align:middle;content:'';height:100%}.yk-checkbox.is-bordered{padding:9px 10px;border-radius:4px;border:1px solid rgba(44,40,54,.08);box-sizing:border-box;line-height:normal;height:40px}.yk-checkbox.is-bordered.is-checked{border-color:#2E63FD}.yk-checkbox.is-bordered.is-disabled{border-color:#EBEEF5;cursor:not-allowed}.yk-checkbox.is-bordered+.yk-checkbox.is-bordered{margin-left:10px}.yk-checkbox.is-bordered.yk-checkbox--medium{padding:7px 10px;height:36px}.yk-checkbox.is-bordered.yk-checkbox--medium .yk-checkbox__inner,.yk-checkbox__inner{width:14px;height:14px}.yk-checkbox.is-bordered.yk-checkbox--medium .yk-checkbox__label{line-height:17px;font-size:13px}.yk-checkbox.is-bordered.yk-checkbox--small{padding:5px 10px;height:32px}.yk-checkbox.is-bordered.yk-checkbox--small .yk-checkbox__label{line-height:15px;font-size:12px}.yk-checkbox.is-bordered.yk-checkbox--small .yk-checkbox__inner{height:12px;width:12px}.yk-checkbox.is-bordered.yk-checkbox--small .yk-checkbox__inner::after{height:6px;width:2px}.yk-checkbox.is-bordered.yk-checkbox--mini{padding:3px 10px;height:28px}.yk-checkbox.is-bordered.yk-checkbox--mini .yk-checkbox__label{line-height:12px;font-size:12px}.yk-checkbox-button__inner,.yk-checkbox__input{line-height:1;white-space:nowrap;vertical-align:middle;cursor:pointer;outline:0}.yk-checkbox.is-bordered.yk-checkbox--mini .yk-checkbox__inner{height:12px;width:12px}.yk-checkbox.is-bordered.yk-checkbox--mini .yk-checkbox__inner::after{height:6px;width:2px}.yk-checkbox__input.is-disabled .yk-checkbox__inner{background-color:#edf2fc;border-color:rgba(44,40,54,.08);cursor:not-allowed}.yk-checkbox__input.is-disabled .yk-checkbox__inner::after{cursor:not-allowed;border-color:rgba(44,40,54,.32)}.yk-checkbox__input.is-disabled .yk-checkbox__inner+.yk-checkbox__label{cursor:not-allowed}.yk-checkbox__input.is-disabled.is-checked .yk-checkbox__inner{background-color:#F2F6FC;border-color:rgba(44,40,54,.08)}.yk-checkbox__input.is-disabled.is-checked .yk-checkbox__inner::after{border-color:rgba(44,40,54,.32)}.yk-checkbox__input.is-disabled.is-indeterminate .yk-checkbox__inner{background-color:#F2F6FC;border-color:rgba(44,40,54,.08)}.yk-checkbox__input.is-disabled.is-indeterminate .yk-checkbox__inner::before{background-color:rgba(44,40,54,.32);border-color:rgba(44,40,54,.32)}.yk-checkbox__input.is-checked .yk-checkbox__inner,.yk-checkbox__input.is-indeterminate .yk-checkbox__inner{background-color:#2E63FD;border-color:#2E63FD}.yk-checkbox__input.is-disabled+span.yk-checkbox__label{color:rgba(44,40,54,.32);cursor:not-allowed}.yk-checkbox__input.is-checked .yk-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);-ms-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.yk-checkbox__input.is-checked+.yk-checkbox__label{color:#2E63FD}.yk-checkbox__input.is-focus .yk-checkbox__inner{border-color:#2E63FD}.yk-checkbox__input.is-indeterminate .yk-checkbox__inner::before{content:'';position:absolute;display:block;background-color:#FFF;height:2px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);left:0;right:0;top:5px}.yk-checkbox__input.is-indeterminate .yk-checkbox__inner::after{display:none}.yk-checkbox__inner{display:inline-block;position:relative;border:1px solid rgba(44,40,54,.38);box-sizing:border-box;background-color:#FFF;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.yk-checkbox__inner:hover{border-color:#2E63FD}.yk-checkbox__inner::after{box-sizing:content-box;content:"";border:1px solid #FFF;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;-webkit-transform:rotate(45deg) scaleY(0);-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;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;-ms-transform-origin:center;transform-origin:center}.yk-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.yk-checkbox-button,.yk-checkbox-button__inner{display:inline-block;position:relative}.yk-checkbox__label{display:inline-block;padding-left:10px;line-height:19px;font-size:14px}.yk-checkbox:last-of-type{margin-right:0}.yk-checkbox-button__inner{font-weight:400;background:#FFF;border:1px solid rgba(44,40,54,.08);border-left:0;color:#2C2836;-webkit-appearance:none;text-align:center;box-sizing:border-box;margin:0;transition:all .3s cubic-bezier(.645,.045,.355,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:11px;font-size:14px;border-radius:0}.yk-checkbox-button__inner.is-round{padding:11px}.yk-checkbox-button__inner:hover{color:#2E63FD}.yk-checkbox-button__inner [class*=yk-icon-]{line-height:.9}.yk-checkbox-button__inner [class*=yk-icon-]+span{margin-left:5px}.yk-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.yk-checkbox-button.is-checked .yk-checkbox-button__inner{color:#FFF;background-color:#2E63FD;border-color:#2E63FD;box-shadow:-1px 0 0 0 #82a1fe}.yk-checkbox-button.is-checked:first-child .yk-checkbox-button__inner{border-left-color:#2E63FD}.yk-checkbox-button.is-disabled .yk-checkbox-button__inner{color:rgba(44,40,54,.44);cursor:not-allowed;background-image:none;background-color:rgba(44,40,54,.06);border-color:rgba(44,40,54,.06);box-shadow:none}.yk-checkbox-button.is-disabled:first-child .yk-checkbox-button__inner{border-left-color:rgba(44,40,54,.06)}.yk-checkbox-button:first-child .yk-checkbox-button__inner{border-left:1px solid rgba(44,40,54,.08);border-radius:4px 0 0 4px;box-shadow:none}.yk-checkbox-button.is-focus .yk-checkbox-button__inner{border-color:#2E63FD}.yk-checkbox-button:last-child .yk-checkbox-button__inner{border-radius:0 4px 4px 0}.yk-checkbox-button--medium .yk-checkbox-button__inner{padding:8px 10px;font-size:13px;border-radius:0}.yk-checkbox-button--medium .yk-checkbox-button__inner.is-round{padding:8px 10px}.yk-checkbox-button--small .yk-checkbox-button__inner{padding:5px 8px;font-size:12px;border-radius:0}.yk-checkbox-button--small .yk-checkbox-button__inner.is-round{padding:5px 8px}.yk-checkbox-button--mini .yk-checkbox-button__inner{padding:5px 6px;font-size:12px;border-radius:0}.yk-checkbox-button--mini .yk-checkbox-button__inner.is-round{padding:5px 6px}.yk-checkbox-group{font-size:0}