/* -- 全局样式 -- */

// 变量

@headerHeight: 4rem;

@colorPrimary: #2196F3;
@colorSecondary: #67C23A;
@colorWhite: #F9F9F9;

// 滚动条

::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #EEE;

    &:hover {
        background-color: @colorPrimary;
    }
}

// 标签

body {
    user-select: none;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
}

// 限制长度

.limitLine(@line) {
    display: -webkit-box;
    -webkit-line-clamp: @line;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limit-line-1 {
    .limitLine(1);
}

// 阴影

.shadow-1 {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

.shadow-2 {
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.05);
}

// 载入中（链接列表）

.loading-link {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(0.2rem);

    .el-icon-loading {
        font-size: 2rem !important;
    }

    .el-loading-text {
        font-size: 1.5rem !important;
    }
}

// Element

.el-select-dropdown {
    border: none !important;
}