@ykcl/smart-ui-oversea
Version:
A Component Library for Vue.js.
1 lines • 12.7 kB
CSS
@charset "UTF-8";.yk-checkbox,.yk-radio{font-weight:400;margin-right:30px;-webkit-user-select:none;-ms-user-select:none}.yk-checkbox,.yk-checkbox__input{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}.yk-checkbox{color:#2C2836;font-size:14px;user-select:none}.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,.12);box-sizing:border-box;line-height:normal;height:40px}.yk-checkbox.is-bordered.is-checked{border-color:#2E63FD;font-weight:500}.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__label{line-height:17px;font-size:13px}.yk-checkbox.is-bordered.yk-checkbox--medium .yk-checkbox__inner{height:14px;width:14px}.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.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{outline:0;line-height:1;vertical-align:middle}.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{-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;-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,.12);box-sizing:border-box;width:14px;height:14px;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;-ms-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in .05s;-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{position:relative;display:inline-block}.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{line-height:1;font-weight:400;white-space:nowrap;vertical-align:middle;cursor:pointer;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;outline:0;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-radio,.yk-radio__input{cursor:pointer;line-height:1;position:relative;outline:0;white-space:nowrap}.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}.yk-radio{color:#2C2836;display:inline-block;font-size:14px;-moz-user-select:none}.yk-radio.is-bordered{padding:12px 20px 0 10px;border-radius:4px;border:1px solid rgba(44,40,54,.08);box-sizing:border-box;height:40px}.yk-radio.is-bordered.is-checked{border-color:#2E63FD}.yk-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:#EBEEF5}.yk-radio__input.is-disabled .yk-radio__inner,.yk-radio__input.is-disabled.is-checked .yk-radio__inner{background-color:#F5F7FA;border-color:#E4E7ED}.yk-radio.is-bordered+.yk-radio.is-bordered{margin-left:10px}.yk-radio--medium.is-bordered{padding:10px 20px 0 10px;border-radius:4px;height:36px}.yk-radio--medium.is-bordered .yk-radio__label{font-size:13px}.yk-radio--mini.is-bordered .yk-radio__label,.yk-radio--small.is-bordered .yk-radio__label{font-size:12px}.yk-radio--medium.is-bordered .yk-radio__inner{height:14px;width:14px}.yk-radio--small.is-bordered{padding:8px 15px 0 10px;border-radius:3px;height:32px}.yk-radio--small.is-bordered .yk-radio__inner{height:12px;width:12px}.yk-radio--mini.is-bordered{padding:6px 15px 0 10px;border-radius:3px;height:28px}.yk-radio--mini.is-bordered .yk-radio__inner{height:12px;width:12px}.yk-radio:last-child{margin-right:0}.yk-radio__input{display:inline-block;vertical-align:middle}.yk-radio__input.is-disabled .yk-radio__inner{cursor:not-allowed}.yk-radio__input.is-disabled .yk-radio__inner::after{cursor:not-allowed;background-color:#F5F7FA}.yk-radio__input.is-disabled .yk-radio__inner+.yk-radio__label{cursor:not-allowed}.yk-radio__input.is-disabled.is-checked .yk-radio__inner::after{background-color:rgba(44,40,54,.32)}.yk-radio__input.is-disabled+span.yk-radio__label{color:rgba(44,40,54,.32);cursor:not-allowed}.yk-radio__input.is-checked .yk-radio__inner{border-color:#2E63FD;background:#2E63FD}.yk-radio__input.is-checked .yk-radio__inner::after{-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.yk-radio__input.is-checked+.yk-radio__label{color:#2E63FD;font-weight:500}.yk-radio__input.is-focus .yk-radio__inner{border-color:#2E63FD}.yk-radio__inner{border:1px solid #BBBABE;border-radius:100%;width:14px;height:14px;background-color:#FFF;position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.yk-radio__inner:hover{border-color:#2E63FD}.yk-radio__inner::after{width:4px;height:4px;border-radius:100%;background-color:#FFF;content:"";position:absolute;left:50%;top:50%;-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.yk-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.yk-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .yk-radio__inner{box-shadow:0 0 2px 2px #2E63FD}.yk-radio__label{font-size:14px;padding-left:10px}.yk-scrollbar{overflow:hidden;position:relative}.yk-scrollbar:active>.yk-scrollbar__bar,.yk-scrollbar:focus>.yk-scrollbar__bar,.yk-scrollbar:hover>.yk-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.yk-scrollbar__wrap{overflow:scroll;height:100%;height:calc(100% + 20px)}.yk-scrollbar__wrap .yk-needHorizontal{white-space:nowrap}.yk-scrollbar__wrap--hidden-default{scrollbar-width:none}.yk-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.yk-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(208,214,245,.56);transition:.3s background-color}.yk-scrollbar__thumb:hover{background-color:#d0d6f5}.yk-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.yk-scrollbar__bar.is-vertical{width:6px;top:2px}.yk-scrollbar__bar.is-vertical>div{width:100%}.yk-scrollbar__bar.is-horizontal{height:6px;left:2px}.yk-scrollbar__bar.is-horizontal>div{height:100%}.yk-cascader-panel{display:flex;border-radius:4px;font-size:14px}.yk-cascader-panel.is-bordered{border:1px solid #E4E7ED;border-radius:4px}.yk-cascader-menu{min-width:180px;box-sizing:border-box;color:#2C2836;border-right:solid 1px #E4E7ED}.yk-cascader-menu:last-child{border-right:none}.yk-cascader-menu:last-child .yk-cascader-node{padding-right:20px}.yk-cascader-menu__wrap{height:204px}.yk-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.yk-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.yk-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:rgba(44,40,54,.32)}.yk-cascader-node{position:relative;display:flex;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.yk-cascader-node.is-selectable.in-active-path{color:#2C2836}.yk-cascader-node.in-active-path,.yk-cascader-node.is-active,.yk-cascader-node.is-selectable.in-checked-path{color:#2E63FD;font-weight:400;background:rgba(44,40,54,.04)}.yk-cascader-node.in-active-path .yk-cascader-node__postfix.yk-icon-arrow-right,.yk-cascader-node.is-active .yk-cascader-node__postfix.yk-icon-arrow-right,.yk-cascader-node.is-selectable.in-checked-path .yk-cascader-node__postfix.yk-icon-arrow-right{color:#2E63FD}.yk-cascader-node:hover{background:rgba(46,99,253,.04)}.yk-cascader-node:focus{background:rgba(44,40,54,.04)}.yk-cascader-node:not(.is-disabled){cursor:pointer}.yk-cascader-node:not(.is-disabled):focus,.yk-cascader-node:not(.is-disabled):hover{background:#F5F7FA}.yk-cascader-node.is-disabled{color:rgba(44,40,54,.32);cursor:not-allowed}.yk-cascader-node__prefix{position:absolute;left:10px}.yk-cascader-node__postfix{position:absolute;right:10px}.yk-cascader-node__postfix.yk-icon-arrow-right{font-weight:700;color:rgba(44,40,54,.32)}.yk-cascader-node__label{flex:1;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yk-cascader-node>.yk-radio{margin-right:0}.yk-cascader-node>.yk-radio .yk-radio__label{padding-left:0}