/** * @Description: 框架样式 * @author lyk * @date 2019/6/4 */ @import './element-variables.scss'; @import './variables.scss'; @import './mixin.scss'; label { font-weight: normal; } html { height: 100%; //min-width: 1366px; @include family(); } a:focus, a:active { outline: none; } a, a:focus, a:hover { cursor: pointer; color: inherit; text-decoration: none; } div:focus { outline: none; } #app { height: 100%; } #nprogress .bar { @include color(background); } .sub-title { font-size: $--font-size-base; font-weight: bold; padding: 12px 0 0px 0px; display: flex; flex-direction: row; // &:before { // content: ''; // width: 4px; // height: 13px; // @include color(background-color); // align-self: center; // margin-right: 12px // } } .third-title { font-size: 14px; height: 24px; padding: 2px 0 0 12px; font-weight: normal; color: rgba(33, 33, 33, 1); } .middle { display: flex; align-items: center; justify-content: center; } .flexCenter { display: flex; justify-content: center; } .flex-start { display: flex; align-items: center; justify-content: flex-start; } .flex-end { display: flex; align-items: center; justify-content: flex-end; } .space-between { display: flex; align-items: center; justify-content: space-between; } .block-background { background-color: #fff; border-radius: $--border-radius-base; border: 1px solid rgba(0, 0, 0, 0.1); padding: 8px; height: 100%; } div::-webkit-scrollbar { width: 6px; height: 6px; } div::-webkit-scrollbar-track { background-color: transparent; border-radius: 3px; transition: .3s background-color; } div::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgba(144,147,153,0); transition: .3s background-color; } div:hover::-webkit-scrollbar-thumb { cursor: pointer; border-radius: 3px; background-color: rgba(144,147,153,.3); transition: .3s background-color; } //div::-webkit-scrollbar-thumb:hover { // background-color: rgba(144,147,153,.3); // cursor: pointer; //} .clearfix { &:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } } .sidebar-com{ @include sidebar(); }