src/Web/WebMVC/wwwroot/css/orders/orders.component.scss

(开头部分) 1KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

@import '../variables';

.esh-orders {
    min-height: 80vh;
    overflow-x: hidden;

    $header-height: 4rem;

    &-header {
        background-color: #00A69C;
        height: $header-height;
    }

    &-back {
        color: rgba($color-foreground-brighter, .4);
        line-height: $header-height;
        text-decoration: none;
        text-transform: uppercase;
        transition: color $animation-speed-default;

        &:hover {
            color: $color-foreground-brighter;
            transition: color $animation-speed-default;
        }
    }

    &-titles {
        padding-bottom: 1rem;
        padding-top: 2rem;
    }

    &-title {
        text-transform: uppercase;
    }

    &-items {
        $height: 2rem;
        height: $height;
        line-height: $height;
        position: relative;

        &:nth-of-type(2n + 1) {
            &:before {
                background-color: $color-background-bright;
                content: '';
                height: 100%;
                left: 0;
                margin-left: -100vw;
                position: absolute;
                top: 0;
                width: 200vw;
                z-index: -1;
            }
        }
    }

    &-item {
        font-weight: $font-weight-semilight;

        &--hover {
后面还有 21 行代码,解锁后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用,每次 10 算力,解读结果公开显示在下面。

还没有人解读过这个文件。