frost-navigation/src/assets/css/global.less

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

// 滚动条

::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
}

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

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

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

// 标签

html {
    transition: font-size @transitionTime;
}

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);
}

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

// 背景居中

.bgCenter() {
    background-position: center;
    background-repeat: no-repeat;
}

.bg-center-contain {
    .bgCenter();
    background-size: contain;
}

.bg-center-cover {
    .bgCenter();
    background-size: cover;
}

// 阴影

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

.shadow-2 {
    box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .05);
}

.shadow-3 {
    box-shadow: 0 .5rem 1rem -0.4rem rgba(0, 0, 0, .12);
}

// 载入中（链接列表）

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

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

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

// Element

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