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

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

微信扫码关注公众号，代码整理好后第一时间通知你。

@import '../../variables';

.esh-orders_new {
    min-height: 80vh;

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

    &-section {
        padding: 1rem 0;

        &--right {
            text-align: right;
        }
    }

    &-placeOrder {
        background-color: $color-secondary;
        border: 0;
        border-radius: 0;
        color: $color-foreground-brighter;
        display: inline-block;
        font-size: 1rem;
        font-weight: $font-weight-normal;
        margin-top: 1rem;
        padding: 1rem 1.5rem;
        text-align: center;
        text-transform: uppercase;
        transition: all $animation-speed-default;

        &:hover {
            background-color: $color-secondary-darker;
            transition: all $animation-speed-default;
        }
    }

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

    &-title {
        font-size: $font-size-l;