jiku-ui
Version:
A Component Library for Vue.js.
1 lines • 16.8 kB
CSS
.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active,.hn-fade-in-enter,.hn-fade-in-leave-active,.hn-fade-in-linear-enter,.hn-fade-in-linear-leave,.hn-fade-in-linear-leave-active{opacity:0}[class*=" hn-iconfont-"],[class*=" hn-icon-"],[class^=hn-iconfont-],[class^=hn-icon-]{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.hn-fade-in-linear-enter-active,.hn-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.hn-fade-in-enter-active,.hn-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.hn-zoom-in-center-enter-active,.hn-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.hn-zoom-in-center-enter,.hn-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.hn-zoom-in-top-enter-active,.hn-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.hn-zoom-in-top-enter,.hn-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.hn-zoom-in-bottom-enter-active,.hn-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.hn-zoom-in-bottom-enter,.hn-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.hn-zoom-in-left-enter-active,.hn-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.hn-zoom-in-left-enter,.hn-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.hn-list-enter-active,.hn-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.hn-list-enter,.hn-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.hn-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:heiner-icons;src:url(fonts/heiner-icons.woff) format("woff"),url(fonts/heiner-icons.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" hn-icon-"],[class^=hn-icon-]{font-family:heiner-icons}.hn-icon-ice-cream-round:before{content:"\e6a0"}.hn-icon-ice-cream-square:before{content:"\e6a3"}.hn-icon-lollipop:before{content:"\e6a4"}.hn-icon-potato-strips:before{content:"\e6a5"}.hn-icon-milk-tea:before{content:"\e6a6"}.hn-icon-ice-drink:before{content:"\e6a7"}.hn-icon-ice-tea:before{content:"\e6a9"}.hn-icon-coffee:before{content:"\e6aa"}.hn-icon-orange:before{content:"\e6ab"}.hn-icon-pear:before{content:"\e6ac"}.hn-icon-apple:before{content:"\e6ad"}.hn-icon-cherry:before{content:"\e6ae"}.hn-icon-watermelon:before{content:"\e6af"}.hn-icon-grape:before{content:"\e6b0"}.hn-icon-refrigerator:before{content:"\e6b1"}.hn-icon-goblet-square-full:before{content:"\e6b2"}.hn-icon-goblet-square:before{content:"\e6b3"}.hn-icon-goblet-full:before{content:"\e6b4"}.hn-icon-goblet:before{content:"\e6b5"}.hn-icon-cold-drink:before{content:"\e6b6"}.hn-icon-coffee-cup:before{content:"\e6b8"}.hn-icon-water-cup:before{content:"\e6b9"}.hn-icon-hot-water:before{content:"\e6ba"}.hn-icon-ice-cream:before{content:"\e6bb"}.hn-icon-dessert:before{content:"\e6bc"}.hn-icon-sugar:before{content:"\e6bd"}.hn-icon-tableware:before{content:"\e6be"}.hn-icon-burger:before{content:"\e6bf"}.hn-icon-knife-fork:before{content:"\e6c1"}.hn-icon-fork-spoon:before{content:"\e6c2"}.hn-icon-chicken:before{content:"\e6c3"}.hn-icon-food:before{content:"\e6c4"}.hn-icon-dish-1:before{content:"\e6c5"}.hn-icon-dish:before{content:"\e6c6"}.hn-icon-moon-night:before{content:"\e6ee"}.hn-icon-moon:before{content:"\e6f0"}.hn-icon-cloudy-and-sunny:before{content:"\e6f1"}.hn-icon-partly-cloudy:before{content:"\e6f2"}.hn-icon-cloudy:before{content:"\e6f3"}.hn-icon-sunny:before{content:"\e6f6"}.hn-icon-sunset:before{content:"\e6f7"}.hn-icon-sunrise-1:before{content:"\e6f8"}.hn-icon-sunrise:before{content:"\e6f9"}.hn-icon-heavy-rain:before{content:"\e6fa"}.hn-icon-lightning:before{content:"\e6fb"}.hn-icon-light-rain:before{content:"\e6fc"}.hn-icon-wind-power:before{content:"\e6fd"}.hn-icon-baseball:before{content:"\e712"}.hn-icon-soccer:before{content:"\e713"}.hn-icon-football:before{content:"\e715"}.hn-icon-basketball:before{content:"\e716"}.hn-icon-ship:before{content:"\e73f"}.hn-icon-truck:before{content:"\e740"}.hn-icon-bicycle:before{content:"\e741"}.hn-icon-mobile-phone:before{content:"\e6d3"}.hn-icon-service:before{content:"\e6d4"}.hn-icon-key:before{content:"\e6e2"}.hn-icon-unlock:before{content:"\e6e4"}.hn-icon-lock:before{content:"\e6e5"}.hn-icon-watch:before{content:"\e6fe"}.hn-icon-watch-1:before{content:"\e6ff"}.hn-icon-timer:before{content:"\e702"}.hn-icon-alarm-clock:before{content:"\e703"}.hn-icon-map-location:before{content:"\e704"}.hn-icon-delete-location:before{content:"\e705"}.hn-icon-add-location:before{content:"\e706"}.hn-icon-location-information:before{content:"\e707"}.hn-icon-location-outline:before{content:"\e708"}.hn-icon-location:before{content:"\e79e"}.hn-icon-place:before{content:"\e709"}.hn-icon-discover:before{content:"\e70a"}.hn-icon-first-aid-kit:before{content:"\e70b"}.hn-icon-trophy-1:before{content:"\e70c"}.hn-icon-trophy:before{content:"\e70d"}.hn-icon-medal:before{content:"\e70e"}.hn-icon-medal-1:before{content:"\e70f"}.hn-icon-stopwatch:before{content:"\e710"}.hn-icon-mic:before{content:"\e711"}.hn-icon-copy-document:before{content:"\e718"}.hn-icon-full-screen:before{content:"\e719"}.hn-icon-switch-button:before{content:"\e71b"}.hn-icon-aim:before{content:"\e71c"}.hn-icon-crop:before{content:"\e71d"}.hn-icon-odometer:before{content:"\e71e"}.hn-icon-time:before{content:"\e71f"}.hn-icon-bangzhu:before{content:"\e724"}.hn-icon-close-notification:before{content:"\e726"}.hn-icon-microphone:before{content:"\e727"}.hn-icon-turn-off-microphone:before{content:"\e728"}.hn-icon-position:before{content:"\e729"}.hn-icon-postcard:before{content:"\e72a"}.hn-icon-message:before{content:"\e72b"}.hn-icon-chat-line-square:before{content:"\e72d"}.hn-icon-chat-dot-square:before{content:"\e72e"}.hn-icon-chat-dot-round:before{content:"\e72f"}.hn-icon-chat-square:before{content:"\e730"}.hn-icon-chat-line-round:before{content:"\e731"}.hn-icon-chat-round:before{content:"\e732"}.hn-icon-set-up:before{content:"\e733"}.hn-icon-turn-off:before{content:"\e734"}.hn-icon-open:before{content:"\e735"}.hn-icon-connection:before{content:"\e736"}.hn-icon-link:before{content:"\e737"}.hn-icon-cpu:before{content:"\e738"}.hn-icon-thumb:before{content:"\e739"}.hn-icon-female:before{content:"\e73a"}.hn-icon-male:before{content:"\e73b"}.hn-icon-guide:before{content:"\e73c"}.hn-icon-news:before{content:"\e73e"}.hn-icon-price-tag:before{content:"\e744"}.hn-icon-discount:before{content:"\e745"}.hn-icon-wallet:before{content:"\e747"}.hn-icon-coin:before{content:"\e748"}.hn-icon-money:before{content:"\e749"}.hn-icon-bank-card:before{content:"\e74a"}.hn-icon-box:before{content:"\e74b"}.hn-icon-present:before{content:"\e74c"}.hn-icon-sell:before{content:"\e6d5"}.hn-icon-sold-out:before{content:"\e6d6"}.hn-icon-shopping-bag-2:before{content:"\e74d"}.hn-icon-shopping-bag-1:before{content:"\e74e"}.hn-icon-shopping-cart-2:before{content:"\e74f"}.hn-icon-shopping-cart-1:before{content:"\e750"}.hn-icon-shopping-cart-full:before{content:"\e751"}.hn-icon-smoking:before{content:"\e752"}.hn-icon-no-smoking:before{content:"\e753"}.hn-icon-house:before{content:"\e754"}.hn-icon-table-lamp:before{content:"\e755"}.hn-icon-school:before{content:"\e756"}.hn-icon-office-building:before{content:"\e757"}.hn-icon-toilet-paper:before{content:"\e758"}.hn-icon-notebook-2:before{content:"\e759"}.hn-icon-notebook-1:before{content:"\e75a"}.hn-icon-files:before{content:"\e75b"}.hn-icon-collection:before{content:"\e75c"}.hn-icon-receiving:before{content:"\e75d"}.hn-icon-suitcase-1:before{content:"\e760"}.hn-icon-suitcase:before{content:"\e761"}.hn-icon-film:before{content:"\e763"}.hn-icon-collection-tag:before{content:"\e765"}.hn-icon-data-analysis:before{content:"\e766"}.hn-icon-pie-chart:before{content:"\e767"}.hn-icon-data-board:before{content:"\e768"}.hn-icon-data-line:before{content:"\e76d"}.hn-icon-reading:before{content:"\e769"}.hn-icon-magic-stick:before{content:"\e76a"}.hn-icon-coordinate:before{content:"\e76b"}.hn-icon-mouse:before{content:"\e76c"}.hn-icon-brush:before{content:"\e76e"}.hn-icon-headset:before{content:"\e76f"}.hn-icon-umbrella:before{content:"\e770"}.hn-icon-scissors:before{content:"\e771"}.hn-icon-mobile:before{content:"\e773"}.hn-icon-attract:before{content:"\e774"}.hn-icon-monitor:before{content:"\e775"}.hn-icon-search:before{content:"\e778"}.hn-icon-takeaway-box:before{content:"\e77a"}.hn-icon-paperclip:before{content:"\e77d"}.hn-icon-printer:before{content:"\e77e"}.hn-icon-document-add:before{content:"\e782"}.hn-icon-document:before{content:"\e785"}.hn-icon-document-checked:before{content:"\e786"}.hn-icon-document-copy:before{content:"\e787"}.hn-icon-document-delete:before{content:"\e788"}.hn-icon-document-remove:before{content:"\e789"}.hn-icon-tickets:before{content:"\e78b"}.hn-icon-folder-checked:before{content:"\e77f"}.hn-icon-folder-delete:before{content:"\e780"}.hn-icon-folder-remove:before{content:"\e781"}.hn-icon-folder-add:before{content:"\e783"}.hn-icon-folder-opened:before{content:"\e784"}.hn-icon-folder:before{content:"\e78a"}.hn-icon-edit-outline:before{content:"\e764"}.hn-icon-edit:before{content:"\e78c"}.hn-icon-date:before{content:"\e78e"}.hn-icon-c-scale-to-original:before{content:"\e7c6"}.hn-icon-view:before{content:"\e6ce"}.hn-icon-loading:before{content:"\e6cf"}.hn-icon-rank:before{content:"\e6d1"}.hn-icon-sort-down:before{content:"\e7c4"}.hn-icon-sort-up:before{content:"\e7c5"}.hn-icon-sort:before{content:"\e6d2"}.hn-icon-finished:before{content:"\e6cd"}.hn-icon-refresh-left:before{content:"\e6c7"}.hn-icon-refresh-right:before{content:"\e6c8"}.hn-icon-refresh:before{content:"\e6d0"}.hn-icon-video-play:before{content:"\e7c0"}.hn-icon-video-pause:before{content:"\e7c1"}.hn-icon-d-arrow-right:before{content:"\e6dc"}.hn-icon-d-arrow-left:before{content:"\e6dd"}.hn-icon-arrow-up:before{content:"\e6e1"}.hn-icon-arrow-down:before{content:"\e6df"}.hn-icon-arrow-right:before{content:"\e6e0"}.hn-icon-arrow-left:before{content:"\e6de"}.hn-icon-top-right:before{content:"\e6e7"}.hn-icon-top-left:before{content:"\e6e8"}.hn-icon-top:before{content:"\e6e6"}.hn-icon-bottom:before{content:"\e6eb"}.hn-icon-right:before{content:"\e6e9"}.hn-icon-back:before{content:"\e6ea"}.hn-icon-bottom-right:before{content:"\e6ec"}.hn-icon-bottom-left:before{content:"\e6ed"}.hn-icon-caret-top:before{content:"\e78f"}.hn-icon-caret-bottom:before{content:"\e790"}.hn-icon-caret-right:before{content:"\e791"}.hn-icon-caret-left:before{content:"\e792"}.hn-icon-d-caret:before{content:"\e79a"}.hn-icon-share:before{content:"\e793"}.hn-icon-menu:before{content:"\e798"}.hn-icon-s-grid:before{content:"\e7a6"}.hn-icon-s-check:before{content:"\e7a7"}.hn-icon-s-data:before{content:"\e7a8"}.hn-icon-s-opportunity:before{content:"\e7aa"}.hn-icon-s-custom:before{content:"\e7ab"}.hn-icon-s-claim:before{content:"\e7ad"}.hn-icon-s-finance:before{content:"\e7ae"}.hn-icon-s-comment:before{content:"\e7af"}.hn-icon-s-flag:before{content:"\e7b0"}.hn-icon-s-marketing:before{content:"\e7b1"}.hn-icon-s-shop:before{content:"\e7b4"}.hn-icon-s-open:before{content:"\e7b5"}.hn-icon-s-management:before{content:"\e7b6"}.hn-icon-s-ticket:before{content:"\e7b7"}.hn-icon-s-release:before{content:"\e7b8"}.hn-icon-s-home:before{content:"\e7b9"}.hn-icon-s-promotion:before{content:"\e7ba"}.hn-icon-s-operation:before{content:"\e7bb"}.hn-icon-s-unfold:before{content:"\e7bc"}.hn-icon-s-fold:before{content:"\e7a9"}.hn-icon-s-platform:before{content:"\e7bd"}.hn-icon-s-order:before{content:"\e7be"}.hn-icon-s-cooperation:before{content:"\e7bf"}.hn-icon-bell:before{content:"\e725"}.hn-icon-message-solid:before{content:"\e799"}.hn-icon-video-camera:before{content:"\e772"}.hn-icon-video-camera-solid:before{content:"\e796"}.hn-icon-camera:before{content:"\e779"}.hn-icon-camera-solid:before{content:"\e79b"}.hn-icon-download:before{content:"\e77c"}.hn-icon-upload2:before{content:"\e77b"}.hn-icon-upload:before{content:"\e7c3"}.hn-icon-picture-outline-round:before{content:"\e75f"}.hn-icon-picture-outline:before{content:"\e75e"}.hn-icon-picture:before{content:"\e79f"}.hn-icon-close:before{content:"\e6db"}.hn-icon-check:before{content:"\e6da"}.hn-icon-plus:before{content:"\e6d9"}.hn-icon-minus:before{content:"\e6d8"}.hn-icon-help:before{content:"\e73d"}.hn-icon-s-help:before{content:"\e7b3"}.hn-icon-circle-close:before{content:"\e78d"}.hn-icon-circle-check:before{content:"\e720"}.hn-icon-circle-plus-outline:before{content:"\e723"}.hn-icon-remove-outline:before{content:"\e722"}.hn-icon-zoom-out:before{content:"\e776"}.hn-icon-zoom-in:before{content:"\e777"}.hn-icon-error:before{content:"\e79d"}.hn-icon-success:before{content:"\e79c"}.hn-icon-circle-plus:before{content:"\e7a0"}.hn-icon-remove:before{content:"\e7a2"}.hn-icon-info:before{content:"\e7a1"}.hn-icon-question:before{content:"\e7a4"}.hn-icon-warning-outline:before{content:"\e6c9"}.hn-icon-warning:before{content:"\e7a3"}.hn-icon-goods:before{content:"\e7c2"}.hn-icon-s-goods:before{content:"\e7b2"}.hn-icon-star-off:before{content:"\e717"}.hn-icon-star-on:before{content:"\e797"}.hn-icon-more-outline:before{content:"\e6cc"}.hn-icon-more:before{content:"\e794"}.hn-icon-phone-outline:before{content:"\e6cb"}.hn-icon-phone:before{content:"\e795"}.hn-icon-user:before{content:"\e6e3"}.hn-icon-user-solid:before{content:"\e7a5"}.hn-icon-setting:before{content:"\e6ca"}.hn-icon-s-tools:before{content:"\e7ac"}.hn-icon-delete:before{content:"\e6d7"}.hn-icon-delete-solid:before{content:"\e7c9"}.hn-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.hn-icon--right{margin-left:5px}.hn-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@font-face{font-family:heiner-iconfont;src:url(fonts/heiner-iconfont.woff) format("woff"),url(fonts/heiner-iconfont.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" hn-iconfont-"],[class^=hn-iconfont-]{font-family:heiner-iconfont}.hn-iconfont-user:before{content:"\e633"}