april-ui/lib/theme-chalk/index.css

## Project setup ``` yarn install ```

@charset "UTF-8";@-webkit-keyframes april-model-show{0%{display:block;opacity:0}100%{opacity:1}}@keyframes april-model-show{0%{display:block;opacity:0}100%{opacity:1}}@-webkit-keyframes april-model-close{0%{opacity:1}100%{opacity:0;display:none}}@keyframes april-model-close{0%{opacity:1}100%{opacity:0;display:none}}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1870859_cyesb4ow57.eot);src:url(//at.alicdn.com/t/font_1870859_cyesb4ow57.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1870859_cyesb4ow57.woff2) format("woff2"),url(//at.alicdn.com/t/font_1870859_cyesb4ow57.woff) format("woff"),url(//at.alicdn.com/t/font_1870859_cyesb4ow57.ttf) format("truetype"),url(//at.alicdn.com/t/font_1870859_cyesb4ow57.svg#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.april-f-fw1{font-weight:100!important}.april-f-fw2{font-weight:200!important}.april-f-fw3{font-weight:300!important}.april-f-fw4{font-weight:400!important}.april-f-fw5,.april-f-fw6{font-weight:600!important}.april-f-fw7{font-weight:700!important}.april-f-fw8{font-weight:800!important}.april-f-center-x{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.april-f-center-y{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.april-f-center{position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.april-f-pf,.april-picker{position:fixed}.april-f-common-color{color:rgba(0,0,0,.65)!important}.april-f-tal{text-align:left}.april-f-tac{text-align:center}.april-f-tar{text-align:right}.april-f-cursor-not{cursor:not-allowed}.april-f-cursor{cursor:pointer}.april-f-pr{position:relative}.april-f-pa{position:absolute}.april-input:focus{outline:0;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.april-input:focus,.april-input:hover{border-color:#40a9ff;border-right-width:1px!important}.april-input-disable{cursor:not-allowed!important}.april-has-error{border-color:#f5222d!important}.april-model-show{opacity:1!important;-webkit-animation:april-model-show .5s linear;animation:april-model-show .5s linear}.april-model-close{opacity:0!important;-webkit-animation:april-model-close .5s linear;animation:april-model-close .5s linear}.april-input-line{position:relative}.april-input-line .april-input-item{text-indent:26px}.april-input-line .icon-calendar{position:absolute;left:8px;font-size:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#c6cdd2}.april-input-line .icon-quxiao{position:absolute;right:6px;font-size:22px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#c6cdd2}.april-date-cont{width:260px;height:auto;padding:0 15px 15px;border-radius:6px;border:1px solid #eee;position:absolute;left:0;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:99999}.april-date-cont-g{width:8px;height:8px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;position:absolute;top:-5px;z-index:99}.april-date-cont header{width:100%;line-height:54px;font-size:14px;text-align:center;color:#606266;position:relative}.april-date-cont header div{display:inline-block;float:left}.april-date-cont header div i{cursor:pointer}.april-date-cont header div i:first-child{margin-right:8px}.april-date-cont header div:last-child{float:right}.april-date-cont-table{border-collapse:collapse;width:100%;font-size:12px}.april-date-cont-table thead tr th{line-height:40px;text-align:center;border-bottom:1px solid #eee}.april-date-cont-table tbody tr td{line-height:37px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;text-align:center}.april-date-cont-table-block{width:30px;line-height:30px;display:inline-block;text-align:center}.april-date-cont-table .gray{color:#c0c4cc}.april-date-cont-table .today{color:#409eff}.april-date-cont-table .hover{cursor:pointer;color:#409eff}.april-date-cont-table .acts{color:#fff;background-color:#409eff;border-radius:50%}.april-form-item{min-height:30px;width:100%;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";vertical-align:top;display:-webkit-box;display:-ms-flexbox;display:flex}.april-form-item label{height:100%;white-space:nowrap;text-align:right}.april-form-item-required:before{content:'*';color:red}.april-form-item-wrapper{position:relative;zoom:1;height:100%}.april-form-item-wrapper-message{position:absolute;bottom:-21px;clear:both;min-height:22px;margin-top:-2px;margin-bottom:-1px;line-height:1.5;color:#f5222d;font-size:14px;-webkit-transition:color .3s cubic-bezier(.215,.61,.355,1);transition:color .3s cubic-bezier(.215,.61,.355,1)}.april-form-item-wrapper-tip{color:#409eff}.april-input-item{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";position:relative;display:inline-block;width:100%;height:100%;padding:0 11px;line-height:1.5;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.65);background:#fff;font-size:14px;-webkit-transition:all .3s;transition:all .3s}.april-model-cont-head,.april-model-right-cont-head{font-size:16px;border-bottom:1px solid #e8e8e8;letter-spacing:1px;line-height:55px}.april-model{width:100%;height:100%;z-index:99;top:0;left:0;opacity:0}.april-model-zhan{width:100%;height:100%;top:0;background-color:rgba(0,0,0,.65)}.april-model-cont{min-width:400px;background:#fff;border-radius:6px}.april-model-cont-head{width:100%;padding:0 24px;height:55px;-webkit-box-sizing:border-box;box-sizing:border-box}.april-model-cont-foot,.april-model-right-cont-head,.april-model-right-cont-section{-webkit-box-sizing:border-box;padding:0 24px;width:100%}.april-model-cont-head i{opacity:.4;-webkit-transition:opacity 1s;transition:opacity 1s;right:24px;top:2px}.april-model-cont-head i:hover{opacity:1}.april-model-cont-section{width:100%;overflow-y:auto}.april-model-cont-foot{height:55px;line-height:55px;box-sizing:border-box;border-top:1px solid #e8e8e8}.april-model-right{width:100%;height:100%;z-index:99;top:0;left:0;opacity:0}.april-model-right-zhan{width:100%;height:100%;top:0;background-color:rgba(0,0,0,.65)}.april-model-right-cont{min-width:400px;background:#fff;border-radius:6px;right:0;position:absolute}.april-model-right-cont-head{height:55px;box-sizing:border-box}.april-model-right-cont-head i{opacity:.4;-webkit-transition:opacity 1s;transition:opacity 1s;right:24px;top:2px}.april-model-right-cont-head i:hover{opacity:1}.april-model-right-cont-section{min-height:200px;box-sizing:border-box;overflow-y:auto}.april-model-right-cont-foot{width:100%;padding:0 24px;height:55px;line-height:55px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #e8e8e8}.april-paginator{width:100%;color:#000;letter-spacing:0;text-indent:0}.april-paginator-content{overflow:hidden;padding:10px 20px;display:inline-block}.april-paginator-content-item{width:24px;height:24px;line-height:24px;text-align:center;margin:0 5px;float:left;font-size:12px;border-radius:2px;-webkit-transition:background .5s;transition:background .5s}.april-paginator-content-item:hover{cursor:pointer}.april-paginator-content-item-frist,.april-paginator-content-item-last{width:auto;background-color:rgba(0,0,0,0)!important}.april-paginator-content-item-frist span,.april-paginator-content-item-last span{font-size:14px}.april-paginator-content-item-first{margin-left:0}.april-paginator-content-item-current{background:#409eff;color:#fff}.april-paginator-content-icon{width:24px;height:24px;line-height:24px;margin:0 5px;float:left;text-align:center}.april-paginator-content-change{float:left;margin-left:20px}.april-paginator-content-change input{width:50px;height:24px;outline:0;border-radius:2px;margin:0 10px;text-align:center;overflow:hidden;border:1px solid #ccc}.april-paginator-content-change span{font-size:14px;cursor:pointer;color:#409eff}.april-paginator-content-size{font-size:14px;float:right;margin-left:25px;color:#606266}.april-paginator-content-size input{width:40px;height:24px;outline:0;border-radius:2px;margin:0 10px;text-align:center;border:1px solid #ccc;overflow:hidden}.april-picker-colum{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;overflow:hidden}.april-picker-colum-item{font-weight:400;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.april-picker-colum-active{font-weight:600;color:#323233}.april-picker{width:100%;bottom:0;-webkit-box-shadow:0 -3.5px 20px .1px rgba(221,210,206,.74);box-shadow:0 -3.5px 20px .1px rgba(221,210,206,.74)}.april-picker-head{width:100%;height:44px;line-height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:15px;letter-spacing:2px;background:#fff;position:relative;z-index:3;border-bottom:1px solid rgba(241,228,223,.84)}.april-picker-head-cancel{-webkit-box-flex:1;-ms-flex:1;flex:1}.april-picker-head-title{-webkit-box-flex:3;-ms-flex:3;flex:3;font-size:13px;letter-spacing:1px}.april-picker-head-comfirm{-webkit-box-flex:1;-ms-flex:1;flex:1}.april-picker-cont{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}.april-picker-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.9)),to(rgba(255,255,255,.4))),-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.9)),to(rgba(255,255,255,.4)));background-image:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.4)),linear-gradient(0deg,rgba(255,255,255,.9),rgba(255,255,255,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.april-picker-frame{width:100%;position:absolute;top:50%;pointer-events:none;border:1px solid #eee;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.april-select-option{position:absolute;top:0;left:0;width:100%}.april-select-option:focus{outline:0}.april-select-option .april-select-c{padding:0;margin:0;font-size:14px;position:absolute;width:100%;max-height:240px;overflow-y:auto;left:0;z-index:9999;-webkit-box-sizing:border-box;box-sizing:border-box;top:44px;background-color:#fff;border-radius:4px;outline:0;-webkit-box-shadow:0 2px 8px 4px rgba(0,0,0,.15);box-shadow:0 2px 8px 4px rgba(0,0,0,.15)}.april-select-option .april-select-c li:hover,.april-select-option .april-select-c-item-selected{background-color:#bae7ff}.april-select-option .april-select-c li{text-indent:12px;cursor:pointer;line-height:30px}