saturn-ui
Version:
🪐 一款轻量级、模块化的Web可视化UI组件库（含大屏、GIS、图表、视频、后台等模块） 👍
1 lines • 5.72 kB
CSS
.clear-ft:after,.clear-mg{content:''}.inline-block,img{vertical-align:middle}.clear-scroll,.m-mask>div,.m-mask>ul{overflow-x:hidden;overflow-y:auto}.ice-wrapper-2 .wrap-down .icon,.ice-wrapper-2 .wrap-left .icon,.ice-wrapper-2 .wrap-right .icon{right:0}*{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}.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-wrapper-2 .wrap{position:fixed;bottom:30px;color:#fff;width:320px;background-color:rgba(20,20,20,.5);border-radius:10px;border:2px solid #258093}.ice-wrapper-2 .wrap .icon{position:absolute;top:0;cursor:pointer;padding:5px}.ice-wrapper-2 .wrap-left,.ice-wrapper-2 .wrap-right{top:80px}.ice-wrapper-2 .wrap-down{width:calc(100% - 680px);height:320px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ice-wrapper-2 .showleft{-webkit-animation:showleft 1s forwards;animation:showleft 1s forwards}@-webkit-keyframes showleft{from{left:-320px}to{left:10px}}@keyframes showleft{from{left:-320px}to{left:10px}}.ice-wrapper-2 .hideleft{-webkit-animation:hideleft 1s forwards;animation:hideleft 1s forwards}@-webkit-keyframes hideleft{from{left:10px}to{left:-320px}}@keyframes hideleft{from{left:10px}to{left:-320px}}.ice-wrapper-2 .showright{-webkit-animation:showright 1s forwards;animation:showright 1s forwards}@-webkit-keyframes showright{from{right:-320px}to{right:10px}}@keyframes showright{from{right:-320px}to{right:10px}}.ice-wrapper-2 .hideright{-webkit-animation:hideright 1s forwards;animation:hideright 1s forwards}@-webkit-keyframes hideright{from{right:10px}to{right:-320px}}@keyframes hideright{from{right:10px}to{right:-320px}}.ice-wrapper-2 .showdown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:showdown 1s forwards;animation:showdown 1s forwards}@-webkit-keyframes showdown{from{bottom:-320px}to{bottom:30px}}@keyframes showdown{from{bottom:-320px}to{bottom:30px}}.ice-wrapper-2 .hidedown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:hidedown 1s forwards;animation:hidedown 1s forwards}@-webkit-keyframes hidedown{from{bottom:30px}to{bottom:-320px}}@keyframes hidedown{from{bottom:30px}to{bottom:-320px}}