saturn-ui
Version:
🪐 一款轻量级、模块化的Web可视化UI组件库（含大屏、GIS、图表、视频、后台等模块） 👍
1 lines • 8.14 kB
CSS
.clear-ft:after,.clear-mg{content:''}.inline-block,img{vertical-align:middle}.clear-scroll,.m-mask>div,.m-mask>ul{overflow-y:auto;overflow-x:hidden}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;min-height:100%;background:#fff;font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif}a,a:hover{display:block;text-decoration:none}dl,li,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select{border:none;background:#fff}img{max-width:100%;height:auto}.clear-ft:after{display:block;clear:both}.clear-mg{display:table}.clear-scroll::-webkit-scrollbar{width:6px}.clear-scroll::-webkit-scrollbar-thumb{border-radius:10px;background:#dadee0}.wrap-en{word-wrap:break-word}.inline-block{display:inline-block}.g-lf{float:left}.g-rt{float:right}.m-mask{position:fixed;top:0;left:0;z-index:99;width:100vw;height:100vh;min-width:100%;background:rgba(0,0,0,0);-webkit-transition:.4s all;transition:.4s all;opacity:0}.m-mask.show{opacity:1;background:rgba(0,0,0,.7)}.m-mask>div,.m-mask>ul{position:absolute;padding:15px;background:#fff;-webkit-transition:.4s all;transition:.4s all;color:#494949;font-size:14px}.g-wrap{width:90%;margin:0 auto}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .4s;transition:opacity .4s}.translate-enter,.translate-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.translate-enter-active,.translate-leave-active{-webkit-transition:all .4s;transition:all .4s}.slider-enter-to{-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;-webkit-transform:translateX(0);transform:translateX(0)}.slider-leave-active{-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slider-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.slider-leave{-webkit-transform:translateX(0);transform:translateX(0)}.slide-enter-active,.slide-leave-active{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.slide-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.slide-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}@-webkit-keyframes cursor{0%,100%{opacity:0}25%,75%{opacity:.5}50%{opacity:1}}@keyframes cursor{0%,100%{opacity:0}25%,75%{opacity:.5}50%{opacity:1}}.animation-cursor{-webkit-animation:cursor 1.2s infinite;animation:cursor 1.2s infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.animation-rotate{-webkit-animation:rotate .8s linear infinite;animation:rotate .8s linear infinite}.fadein-left,.fadein-right{-webkit-animation-fill-mode:both}.ant-dropdown-menu{background-color:rgba(43,44,47,.8)}.ant-dropdown-menu .ant-dropdown-menu-item,.ant-dropdown-menu .ant-dropdown-menu-submenu-title{color:#fff}.ant-dropdown-menu .ant-dropdown-menu-item:hover,.ant-dropdown-menu .ant-dropdown-menu-submenu-title:hover{background-color:rgba(255,255,255,.2)}.ice-dialog{position:absolute;padding:0 5px 10px;border-radius:4px;border:1px solid;background:-webkit-gradient(linear,right top,left top,from(#4db3ff),to(#4db3ff)) left top no-repeat,-webkit-gradient(linear,left top,left bottom,from(#4db3ff),to(#4db3ff)) left top no-repeat,-webkit-gradient(linear,right top,left top,from(#4db3ff),to(#4db3ff)) right top no-repeat,-webkit-gradient(linear,left top,left bottom,from(#4db3ff),to(#4db3ff)) right top no-repeat,-webkit-gradient(linear,right top,left top,from(#4db3ff),to(#4db3ff)) left bottom no-repeat,-webkit-gradient(linear,left top,left bottom,from(#4db3ff),to(#4db3ff)) left bottom no-repeat,-webkit-gradient(linear,right top,left top,from(#4db3ff),to(#4db3ff)) right bottom no-repeat,-webkit-gradient(linear,right top,left top,from(#4db3ff),to(#4db3ff)) right bottom no-repeat;background:linear-gradient(to left,#4db3ff,#4db3ff) left top no-repeat,linear-gradient(to bottom,#4db3ff,#4db3ff) left top no-repeat,linear-gradient(to left,#4db3ff,#4db3ff) right top no-repeat,linear-gradient(to bottom,#4db3ff,#4db3ff) right top no-repeat,linear-gradient(to left,#4db3ff,#4db3ff) left bottom no-repeat,linear-gradient(to bottom,#4db3ff,#4db3ff) left bottom no-repeat,linear-gradient(to left,#4db3ff,#4db3ff) right bottom no-repeat,linear-gradient(to left,#4db3ff,#4db3ff) right bottom no-repeat;background-size:1px 20px,20px 1px,1px 20px,20px 1px;background-color:rgba(20,20,20,.5);color:#fff}.ice-dialog .ice-dialog__header{height:40px;line-height:40px;cursor:move;overflow:hidden;border-bottom:1px solid #3b4d5e}.ice-dialog .ice-dialog__header :deep(.i-icon){vertical-align:sub;margin-right:5px}.ice-dialog .ice-dialog__header .title{font-size:16px}.ice-dialog .ice-dialog__header .close-btn{float:right;cursor:pointer;font-size:16px;margin-right:5px;margin-top:-2px}.ice-dialog .ice-dialog__header .close-btn:hover{color:#89bceb}.ice-dialog .ice-dialog__body{width:100%;height:calc(100% - 40px);overflow-x:hidden;overflow-y:auto}.ice-dialog .content{overflow:hidden;height:100%}.ice-dialog .footer{height:40px}.ice-dialog .footer .footer-content{height:40px;width:100%;padding-left:10px;padding-right:10px;position:absolute;left:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#404146}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes popup{from{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes popup{from{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:1;-webkit-transform:none;transform:none}}.fadein-right{-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.fadein-left{-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:both;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadein-popup{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:popup;animation-name:popup}.active{-ms-touch-action:none;touch-action:none;z-index:999}.handle{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1;width:10px;height:10px;opacity:0}.handle-x{height:auto;top:10px;right:0;bottom:10px;cursor:e-resize}.handle-y{width:auto;bottom:0;left:10px;right:10px;cursor:s-resize}.handle-xy{bottom:0;right:0;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:'';left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}