_new-arrival.css 1.21 KB

.new-arrival {
    $textHeight: 47px;
    $imgHeight: 496px;

    @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: 327px;
        display: inline-block;

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

            span {
                @extend .cursor-pointer;

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

                &.top {
                    line-height: 30px;
                    position: static !important;
                }

                &.bottom {
                    line-height: 56px;
                    position: static !important;
                }
            }
        }

        img {
            @extend .cursor-pointer;

            width: 100%;
            height: $imgHeight;
        }

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

        &.last {
            float: right;
        }

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