mirror of https://github.com/ElemeFE/element
1 line
48 KiB
CSS
1 line
48 KiB
CSS
|
.demo-block{border:1px solid #ebebeb;border-radius:3px;transition:.2s}.demo-block.hover{box-shadow:0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)}.demo-block code{font-family:Menlo,Monaco,Consolas,Courier,monospace}.demo-block .demo-button{float:right}.demo-block .source{padding:24px}.demo-block .meta{background-color:#fafafa;border-top:1px solid #eaeefb;overflow:hidden;height:0;transition:height .2s}.demo-block .description{padding:20px;box-sizing:border-box;border:1px solid #ebebeb;border-radius:3px;font-size:14px;line-height:22px;color:#666;word-break:break-word;margin:10px;background-color:#fff}.demo-block .description p{margin:0;line-height:26px}.demo-block .description code{color:#5e6d82;background-color:#e6effb;margin:0 4px;display:inline-block;padding:1px 5px;font-size:12px;border-radius:3px;height:18px;line-height:18px}.demo-block .highlight pre{margin:0}.demo-block .highlight code.hljs{margin:0;border:none;max-height:none;border-radius:0}.demo-block .highlight code.hljs:before{content:none}.demo-block .demo-block-control{border-top:1px solid #eaeefb;height:44px;box-sizing:border-box;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center;margin-top:-1px;color:#d3dce6;cursor:pointer;position:relative}.demo-block .demo-block-control.is-fixed{position:fixed;bottom:0;width:868px}.demo-block .demo-block-control i{font-size:16px;line-height:44px;transition:.3s}.demo-block .demo-block-control i.hovering{transform:translateX(-40px)}.demo-block .demo-block-control>span{position:absolute;transform:translateX(-30px);font-size:14px;line-height:44px;transition:.3s;display:inline-block}.demo-block .demo-block-control:hover{color:#409eff;background-color:#f9fafc}.demo-block .demo-block-control .text-slide-enter,.demo-block .demo-block-control .text-slide-leave-active{opacity:0;transform:translateX(10px)}.demo-block .demo-block-control .control-button{line-height:26px;position:absolute;top:0;right:0;font-size:14px;padding-left:5px;padding-right:25px}.footer{background-color:#f7fbfd;width:100%;padding:40px 150px;margin-top:-340px;box-sizing:border-box;height:340px}.footer .container{box-sizing:border-box;width:auto}.footer .footer-main{font-size:0;display:inline-block;vertical-align:top;margin-right:110px}.footer .footer-main h4{font-size:18px;color:#333;line-height:1;margin:0 0 15px}.footer .footer-main .footer-main-link{display:block;margin:0;line-height:2;font-size:14px;color:#666}.footer .footer-main .footer-main-link:hover{color:#333}.footer .footer-social{float:right;text-align:right}.footer .footer-social .footer-social-title{color:#666;font-size:18px;line-height:1;margin:0 0 20px;padding:0;font-weight:700}.footer .footer-social .elementdoc{transition:.3s;display:inline-block;line-height:32px;text-align:center;color:#c8d6e8;background-color:transparent;size:32px;font-size:32px;vertical-align:middle;margin-right:20px}.footer .footer-social .elementdoc:hover{transform:scale(1.2);color:#8d99ab}.footer .footer-social .doc-icon-gitter{margin-right:0}.el-popover.footer-popover{padding:0;min-width:120px;line-height:normal;box-shadow:0 0 11px 0 rgba(174,187,211,.24)}.el-popover.footer-popover .footer-popover-title{border-bottom:1px solid #eaeefb;height:30px;line-height:30px;text-align:center;color:#99a9bf;background-color:#f8f9fe}.el-popover.footer-popover img{size:100px;margin:10px}@media (max-width:1140px){.footer{height:auto}}@media (max-width:1000px){.footer-social{display:none}}@media (max-width:768px){.footer .footer-main{margin-bottom:30px}}.theme-picker{height:80px;display:inline-block}.theme-picker .el-color-picker__trigger{vertical-align:middle}.theme-picker-dropdown .el-color-dropdown__link-btn{display:none}.algolia-search{width:450px!important}.algolia-search.is-empty .el-autocomplete-suggestion__list{padding-bottom:0}.algolia-search .el-autocomplete-suggestion__list{position:static!important;padding-bottom:28px}.algolia-search li{border-bottom:1px solid #ebebeb}.algolia-search li:last-child{border-bottom:none}.algolia-search .algolia-highlight{color:#409
|