Blame view

public/scss/channel/_footer-tab.css 1.02 KB
王水玲 authored
1 2
.footer-tab {
    position: fixed;
毕凯 authored
3
    left: 50%;
王水玲 authored
4
    bottom: 0;
毕凯 authored
5
    margin-left: -320px;
王水玲 authored
6 7
    width: 100%;
    height: 100px;
毕凯 authored
8
    max-width: 640px;
王水玲 authored
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
    padding-top: 20px;
    box-sizing: border-box;
    background: #fff;
    border-top: 1px solid #b0b0b0;
    z-index: 3;
    .tab-item {
        float: left;
        width: 20%;
        text-align: center;
        color: #b0b0b0;
        &.current {
            color: #414141;
        }
    }
    .tab-icon {
        font-size: 40px;
        line-height: 1;
    }
    .tab-name {
        margin-top: 10px;
        font-size: 20px;
        line-height: 1;
    }
}

.boys-wrap {
    .footer-tab {
        .tab-item.current {
            color: #414141;
        }
    }
}

.girls-wrap {
    .footer-tab {
        .tab-item.current {
王水玲 authored
45
            color: #ff88ae;
王水玲 authored
46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
        }
    }
}

.kids-wrap {
    .footer-tab {
        .tab-item.current {
            color: #7ad9f9;
        }
    }
}

.lifestyle-wrap {
    .footer-tab {
        .tab-item.current {
            color: #4f4138;
        }
    }
}