saturn-ui
Version:
🪐 一款轻量级、模块化的Web可视化UI组件库（含大屏、GIS、图表、视频、后台等模块） 👍
1 lines • 4.33 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}*{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-menu{width:50rem;height:5rem;position:absolute;bottom:0;left:calc(50% - 25rem);background-image:url(images/IceMenu/bg.svg);background-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ice-menu .iconify{font-size:20px}.ice-menu>div{width:5rem;height:5rem;text-align:center;cursor:pointer;padding-bottom:.88rem;color:#fff;position:relative}.ice-menu>div:hover{color:#00fff1}