Blame view

public/scss/product/outlet/_nav.css 1.6 KB
1
.outlet-nav {
王洪广 authored
2
    width: 100%;
3
    height: 88px;
王洪广 authored
4 5
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
6 7
    white-space: nowrap;
    position: relative;
王洪广 authored
8
    background: #fff;
9 10 11 12 13 14 15 16 17
    overflow: hidden;

    .nav-main {
        width: 100%;
        height: 98px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
王洪广 authored
18 19 20

    ul {
        padding: 0 20px;
21 22 23 24 25 26
        margin: 0;
        display: table;
        table-layout: fixed;
        white-space: nowrap;
        width: auto;
    }
王洪广 authored
27 28

    li {
29 30 31 32 33 34 35
        -webkit-box-flex: 1;
        display: inline-block;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        vertical-align: top;
        margin-right: 10px;
        height: 88px;
ccbikai(👎🏻🍜) authored
36
王洪广 authored
37
        a {
38 39 40
            display: inline-block;
            width: auto;
            height: 86px;
王洪广 authored
41
            padding: 0 20px;
42 43 44 45 46
            line-height: 88px;
            color: #b0b0b0;
            font-size: 28px;
            border-bottom: 6px solid #fff;
        }
王洪广 authored
47
ccbikai(👎🏻🍜) authored
48
        &.active {
王洪广 authored
49
            a {
50 51 52 53
                border-color: #3d3d3d;
                color: #444;
            }
        }
ccbikai(👎🏻🍜) authored
54
王洪广 authored
55
        &:last-child {
56 57 58
            margin-right: 0;
        }
    }
biao authored
59 60 61

    &.outlet-category-nav {
        height: 68px;
ccbikai(👎🏻🍜) authored
62
biao authored
63
        li {
biao authored
64
            height: 68px;
biao authored
65
        }
ccbikai(👎🏻🍜) authored
66
biao authored
67 68
        a {
            height: 38px;
biao authored
69
            line-height: 70px;
70 71 72 73

            &.active {
                color: #444;
            }
biao authored
74
        }
ccbikai(👎🏻🍜) authored
75
biao authored
76 77 78 79
        span {
            color: #b0b0b0;
            font-size: 28px;
        }
biao authored
80
    }
王洪广 authored
81
}
王洪广 authored
82 83 84 85 86 87 88

.nav-fix {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}