@import './base.scss';

#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: $textColor;
    background-color: $bgColor;
    height: 100%;
}

.hide {
    display: none;
}

@mixin wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.wrapper {
    @include wrapper();
}

.main-wrapper {
    @include wrapper();
    padding: 14px;
}

.scroll {
    overflow: auto;
}

.scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.line-limit-length {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* 文本不换行，这样超出一行的部分被截取，显示... */
}

.text-btn {
    color: #459dee !important;
    display: inline-block;
}

.vertical-line {
    width: 1px;
    border-left: 1px dashed #e3e2e2;
}

.vertical-horizontal-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

// 禁止点击交互
.disabled-ele {
    cursor: none;
    pointer-events: none;
    opacity: 0.4;
}

::-webkit-scrollbar {
    width: $scrollBarWidth;
    height: $scrollBarWidth;
}
// 上下箭头
::-webkit-scrollbar-button {
    display: none;
}
// 轨道
::-webkit-scrollbar-track {
    background-color: $scrollTrackBgColor;
}
// 滚动条没有滑块的轨道部分
::-webkit-scrollbar-track-piece {
}
::-webkit-scrollbar-track:hover {
    background-color: $scrollTrackBgColor;
}
// 横向垂直滚动条相交部分，无法隐藏
::-webkit-scrollbar-corner {
    background-color: $scrollTrackBgColor;
}
// 滚动滑块
::-webkit-scrollbar-thumb {
    background-color: $scrollThumbBgColor;
    border-radius: $scrollBarWidth;
}
::-webkit-scrollbar-thumb:hover {
    background-color: $scrollThumbBgColorHover;
    height: 20px;
    width: 20px;
}

// .hide-scroll::-webkit-scrollbar {
//     width: $hideScrollBarWidth;
//     height: $hideScrollBarWidth;
// }
// .hide-scroll::-webkit-scrollbar-track {
//     background-color: rgba(0, 0, 0, 0);
// }
// .hide-scroll::-webkit-scrollbar-thumb {
//     border-radius: $hideScrollBarWidth;
//     background-color: rgba(0, 0, 0, 0);
// }
// .hide-scroll::-webkit-scrollbar-track {
//     background-color: rgba(0, 0, 0, 0);
// }