_new-arrival.css 1.08 KB

.new-arrival {
    $textHeight: 35px;
    $imgHeight: 370px;

    @extend .resource-container;

    height: calc($textHeight+$imgHeight+60px);/* 60px is the height of the floor header */

    .arrival-item-box {
        box-sizing: border-box;
    }

    .arrival-item {
        width: 245px;
        display: inline-block;

        .brand-name {
            height: $textHeight;
            text-align: center;
            font-size: 12px;

            span {
                @extend .cursor-pointer;

                padding-bottom: 3px;
                border-bottom: 1px solid #000;

                &.top {
                    line-height: 20px;
                }

                &.bottom {
                    line-height: 40px;
                }
            }
        }

        img {
            @extend .cursor-pointer;

            width: 100%;
            height: $imgHeight;
        }

        &.normal {
            float: left;
            margin-right: 18px;
        }

        &.last {
            float: right;
        }

        &.small-img {
            width: 160px;
        }
    }
}