Как настроить размер вкладки в Ionic 4?

Question

Я создал вкладку и выяснил, как изменить цвет в соответствии с Ionic 4 CSS Docs, найденными здесь https://beta.ionicframework.com/docs/theming/css-variables

Но там нет ссылки на то, как изменить размер, коддля ионного 3 не работает.

вот что у меня есть

ion-tabs {
margin-top: 80px;
--ion-tabbar-background-color: #FBFBFB;
--ion-tabbar-text-color-active: #87BCDE;
--ion-tabbar-text-color: #424242;
font-size: 40px;

}

Answer 1

С помощью приведенного ниже кода вы можете изменить размер ярлыка:

ion-tab-button {        
        ion-label {  
            font-size: 12px;
        }
    }

Answer 2

для цвета в variable.scss:

  --ion-tab-bar-background: var(--ion-color-primary);                    
  --ion-tab-bar-color: var(--ion-color-dark);    
  --ion-tab-bar-color-activated: var(--ion-color-light); 

для размера, я думаю, что он еще не готов к такому стилю.Вы можете изменить стиль выбранной вкладки в вашем global.sass

:root{
    .tab-selected{
        font-size: 32px !important;

        ion-icon{
            font-size: 32px !important
        }
    } 
}