@vinsea/vv-ui/dist/vvUI.css

A Component Library for Vue2.*.

.vv-button{color:#333;min-width:80px;height:36px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;font-size:14px;font-weight:500;padding:0;display:inline-block;position:relative;overflow:hidden;outline:none;border:0;transition:.3s ease;font-family:inherit;line-height:normal;text-decoration:none;vertical-align:top;white-space:nowrap;box-sizing:border-box}.vv-button:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:.3s cubic-bezier(.4,0,.2,1);will-change:background-color,opacity;content:" "}.vv-button:not(.is-disabled){cursor:pointer}.vv-button:not(.is-disabled).vv-focused:before,.vv-button:not(.is-disabled):active:before,.vv-button:not(.is-disabled):hover:before{background-color:currentColor;opacity:.15}.vv-button.is-text{background-color:transparent}.vv-button.is-default{color:#fff;background-color:#4aa7ff}.vv-button.is-default.is-disabled{background-color:rgba(74,167,255,.4)}.vv-button.is-success{color:#fff;background-color:#67c238}.vv-button.is-success.is-disabled{background-color:rgba(103,194,56,.4)}.vv-button.is-disabled{cursor:not-allowed}.vv-button .vv-ripple{padding:0 8px;display:flex;justify-content:center;align-items:center}.vv-pagination{padding:5px;font-weight:600;color:rgba(51,51,51,.8);font-size:14px}.vv-pager{display:inline-block;text-align:center;line-height:30px;min-width:35px;border:1px solid #eee;border-radius:2px;margin-left:-1px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:color .3s,border .3s}.vv-pager:not(.is-ellipsis):hover{color:#4aa7ff}.vv-pager.is-next,.vv-pager.is-prev{margin:0 10px}.vv-pager.is-next:not(.is-disabled):hover,.vv-pager.is-prev:not(.is-disabled):hover{border-color:#4aa7ff}.vv-pager.is-active{color:#fff;background-color:#4aa7ff}.vv-pager.is-active:hover{color:#fff}.vv-pager.is-disabled,.vv-pager.is-disabled:hover{color:rgba(51,51,51,.3);cursor:not-allowed}.vv-pager.is-ellipsis{cursor:default}.vv-pager .vv-ripple{padding:0 5px}.vv-ripple{position:relative;width:100%;height:100%;z-index:10;overflow:hidden;box-sizing:border-box;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0)}.vv-ripple-wave{position:absolute;left:0;right:0;bottom:0;top:0;border-radius:50%;z-index:1;pointer-events:none;background:currentColor;opacity:0;transform:scale(2) translateZ(0)}.vv-ripple-wave.vv-centered{transition-duration:1.2s;top:50%;left:50%}.vv-ripple-enter-active{transition:.8s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform;will-change:opacity,transform}.vv-ripple-enter{opacity:.26;transform:scale(.26) translateZ(0)}.vv-table-main{width:100%;border-spacing:0;border-collapse:collapse;overflow:hidden;table-layout:fixed}.vv-table-head{padding:0 5px;color:#333;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left}.vv-table-head-content{padding:5px 0;display:inline-block;position:relative;line-height:32px;font-size:14px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vv-table-td{padding:5px;font-size:14px;border-top:1px solid #eee;color:#666;text-align:left;transition:background-color .3s}.vv-table-td-content{line-height:22px}.vv-table-td-content .vv-button.is-text{color:#4aa7ff}.vv-table-td-expand{text-align:left}.vv-table-tr:hover .vv-table-td{background-color:#eee}.vv-row{position:relative;box-sizing:border-box}.vv-row:after,.vv-row:before{display:table;content:""}.vv-row:after{clear:both}.vv-row.vv-row-flex{display:flex}.vv-row.is-justify-start{justify-content:flex-start}.vv-row.is-justify-end{justify-content:flex-end}.vv-row.is-justify-center{justify-content:center}.vv-row.is-justify-between{justify-content:space-between}.vv-row.is-justify-around{justify-content:space-around}.vv-row.is-align-center{align-items:center}.vv-row.is-align-top{align-items:flex-start}.vv-row.is-align-bottom{align-items:flex-end}.vv-col{float:left;box-sizing:border-box}.vv-col-span-1{width:4.16666667%}.vv-col-offset-1{margin-left:4.16666667%}.vv-col-span-2{width:8.33333333%}.vv-col-offset-2{margin-left:8.33333333%}.vv-col-span-3{width:12.5%}.vv-col-offset-3{margin-left:12.5%}.vv-col-span-4{width:16.66666667%}.vv-col-offset-4{margin-left:16.66666667%}.vv-col-span-5{width:20.83333333%}.vv-col-offset-5{margin-left:20.83333333%}.vv-col-span-6{width:25%}.vv-col-offset-6{margin-left:25%}.vv-col-span-7{width:29.16666667%}.vv-col-offset-7{margin-left:29.16666667%}.vv-col-span-8{width:33.33333333%}.vv-col-offset-8{margin-left:33.33333333%}.vv-col-span-9{width:37.5%}.vv-col-offset-9{margin-left:37.5%}.vv-col-span-10{width:41.66666667%}.vv-col-offset-10{margin-left:41.66666667%}.vv-col-span-11{width:45.83333333%}.vv-col-offset-11{margin-left:45.83333333%}.vv-col-span-12{width:50%}.vv-col-offset-12{margin-left:50%}.vv-col-span-13{width:54.16666667%}.vv-col-offset-13{margin-left:54.16666667%}.vv-col-span-14{width:58.33333333%}.vv-col-offset-14{margin-left:58.33333333%}.vv-col-span-15{width:62.5%}.vv-col-offset-15{margin-left:62.5%}.vv-col-span-16{width:66.66666667%}.vv-col-offset-16{margin-left:66.66666667%}.vv-col-span-17{width:70.83333333%}.vv-col-offset-17{margin-left:70.83333333%}.vv-col-span-18{width:75%}.vv-col-offset-18{margin-left:75%}.vv-col-span-19{width:79.16666667%}.vv-col-offset-19{margin-left:79.16666667%}.vv-col-span-20{width:83.33333333%}.vv-col-offset-20{margin-left:83.33333333%}.vv-col-span-21{width:87.5%}.vv-col-offset-21{margin-left:87.5%}.vv-col-span-22{width:91.66666667%}.vv-col-offset-22{margin-left:91.66666667%}.vv-col-span-23{width:95.83333333%}.vv-col-offset-23{margin-left:95.83333333%}.vv-col-span-24{width:100%}.vv-col-offset-24{margin-left:100%}.vv-col-span-0{width:0}.vv-col-span-24{flex:1}.vv-col-offset-0{margin-left:0}.vv-form-item-label{color:hsla(0,0%,40%,.8);position:absolute;top:33px;line-height:1;pointer-events:none;transition-property:top,font-size,color;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.vv-form-item{position:relative;padding-top:20px;margin-bottom:10px}.vv-form-item:before{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);background-color:#4aa7ff;height:2px;z-index:2;opacity:0;transform:scaleX(.05);transition-property:border,opacity,transform;will-change:border,opacity,transform}.vv-form-item:after,.vv-form-item:before{content:"";position:absolute;bottom:0;right:0;left:0}.vv-form-item:after{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:1px;z-index:1;background-color:hsla(0,0%,40%,.8);transition-property:border,opacity;will-change:border,opacity}.vv-form-item.has-value .vv-form-item-label{font-size:14px;top:5px}.vv-form-item.is-focused:before{opacity:1;transform:scaleX(1)}.vv-form-item.is-focused .vv-form-item-label{font-size:14px;top:5px;color:#4aa7ff}.is-textarea-default:after,.is-textarea-default:before{content:"";position:absolute;bottom:0;right:0;left:0;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);top:0;background-color:transparent;height:auto;pointer-events:none}.is-textarea-default:before{opacity:0;transform:scaleX(1);border:2px solid #4aa7ff}.is-textarea-default:after{border:1px solid hsla(0,0%,40%,.8)}.is-textarea-default .vv-form-item-label{top:20px;left:10px}.vv-input{color:#666;font-size:16px;font-family:inherit;display:block;width:100%;margin:0;border:none;background:none;box-sizing:border-box;line-height:40px;height:40px;padding:0}.vv-input:focus{outline:none}.vv-textarea{color:#666;font-size:16px;font-family:inherit;display:block;width:100%;margin:0;border:none;background:none;box-sizing:border-box;min-height:96px;resize:vertical;line-height:1.5;padding:5px 10px}.vv-textarea:focus{outline:none}.vv-textarea.is-autosize{padding:8px 0;min-height:auto;height:40px}