Skip to content
icon.scss 1.62 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed

wangqinghua's avatar
wangqinghua committed
.tab-button-text{
    margin-top: 0 !important;
}


//tabs-icon
ion-icon {
    &[class*="custom-"] {
wangqinghua's avatar
wangqinghua committed
        margin: 0 2px 0 0;
wangqinghua's avatar
wangqinghua committed
        vertical-align: middle;
        $sz: 20px;
        width: $sz;
        height: $sz;
    }
    // custom icons
    &[class*="home-on"] {
        background: url(../assets/imgs/tabs/icon-home-on.png) no-repeat 50% 50%;
        background-size: contain;
    }
    &[class*="home-off"] {
        background: url(../assets/imgs/tabs/icon-home-off.png) no-repeat 50% 50%;
        background-size: contain;
    }

    &[class*="discover-on"] {
        background: url(../assets/imgs/tabs/icon-discover-on.png) no-repeat 50% 50%;
        background-size: contain;
    }
    &[class*="discover-off"] {
        background: url(../assets/imgs/tabs/icon-discover-off.png) no-repeat 50% 50%;
        background-size: contain;
    }

    &[class*="serve-on"] {
        background: url(../assets/imgs/tabs/icon-serve-on.png) no-repeat 50% 50%;
        background-size: contain;
    }
    &[class*="serve-off"] {
        background: url(../assets/imgs/tabs/icon-serve-off.png) no-repeat 50% 50%;
        background-size: contain;
    }
    &[class*="mine-on"] {
        background: url(../assets/imgs/tabs/icon-mine-on.png) no-repeat 50% 50%;
        background-size: contain;
    }
    &[class*="mine-off"] {
        background: url(../assets/imgs/tabs/icon-mine-off.png) no-repeat 50% 50%;
        background-size: contain;
    }
wangqinghua's avatar
wangqinghua committed
    &[class*="tab-key"] {
        background: url(../assets/imgs/tabs/icon-key.png) no-repeat 50% 50%;
        background-size: contain;
        height: 40px !important;
        width: 40px !important;
    }
}