icon.scss

.tab-button-text{
    margin-top: 0 !important;
}


//tabs-icon
ion-icon {
    &[class*="custom-"] {
        margin: 0 5px 0 0;
        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*="contact-on"] {
        background: url(../assets/imgs/tabs/icon-contact-on.png) no-repeat 50% 50%;
        background-size: contain;
    }
    &[class*="contact-off"] {
        background: url(../assets/imgs/tabs/icon-contact-off.png) no-repeat 50% 50%;
        background-size: contain;
    }

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