Blame view

static/sass/home/_hot-category.scss 1.25 KB
梁志锋 authored
1 2
.hot-category {
    margin: (30rem / $pxConvertRem) 0 0;
梁志锋 authored
3 4
    border-bottom: 1px solid #e0e0e0;
梁志锋 authored
5 6 7 8 9
    .category-banner {
        height: 198rem / $pxConvertRem;
        img {
            display: block;
            width: 100%;
ccbikai authored
10
            height: 198rem / $pxConvertRem;
梁志锋 authored
11 12 13 14
        }
    }
    .category-list {
        background: #fff;
梁志锋 authored
15
梁志锋 authored
16 17 18
        li {
            float: left;
            width: 158rem / $pxConvertRem;
ccbikai authored
19
            height: 174rem / $pxConvertRem;
梁志锋 authored
20
            border-top: 1px solid #e0e0e0;
梁志锋 authored
21
            border-left: 1px solid #e0e0e0;
梁志锋 authored
22 23
            overflow: hidden;
梁志锋 authored
24 25
            .img-box {
                width: 100%;
梁志锋 authored
26
                height: 100%;
ccbikai authored
27
                line-height: 154rem / $pxConvertRem;
梁志锋 authored
28
                text-align: center;
梁志锋 authored
29 30 31
                overflow: hidden;
                font-size: 0;
梁志锋 authored
32
                img {
梁志锋 authored
33
                    vertical-align: middle;
梁志锋 authored
34 35
                    width: 100%;
                    height: 100%;
梁志锋 authored
36 37 38 39
                    max-width: 100%;
                    max-height: 100%;
                }
            }
梁志锋 authored
40
梁志锋 authored
41 42 43 44 45 46
            .category-title {
                line-height: 22rem / $pxConvertRem;
                color: #aaa;
                font-size: 18rem / $pxConvertRem;
                text-align: center;
            }
梁志锋 authored
47 48 49
        }
    }
}