doneit-web/src/app/home/home.page.scss

ion-tab-bar{
  --background: #f9f9f9;
  --color: #797979;
}

// ion-tab-button{
//   --color-selected: #061b52;
// }

// Badge
// --------------------------------------------------

/// @prop - Font size of the badge
$badge-font-size:15px !default;

/// @prop - Font weight of the badge
$badge-font-weight:bold !default;


ion-badge {/*  */

  /* display: inline-block;*/

  min-width: 18px;
  font-size: $badge-font-size;
  /* font-weight: $badge-font-weight;
  line-height: 1;

  white-space: nowrap;
  vertical-align: baseline; */
}


.tab{
  .bottoms{
    display: flex;
    justify-content: space-around;
  }
}


@media only screen and (min-width: 1366px) {

  ion-tabs.tab .bottoms{
    display: none;
  }
}


ion-tab-button.active{
  color: #061b52;
  font-weight: 650;
}



@media only screen and (min-width: 100px) {

  ion-tab-button{
    font-size: 14px;
  }
}

@media only screen and (min-width: 500px) {

  ion-tab-button{
    font-size: 16px;
  }
}