//tabs-icon
ion-icon {
  &[class*="custom-"] {
    margin: 0 2px 0 0;
    vertical-align: middle;
    $sz: 20px;
    width: $sz;
    height: $sz;
  }

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

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

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

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

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

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

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

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