How do I adjust the Tab Size in Ionic 4?

Question

I've created a tab and figured out how to change the color according to Ionic 4 CSS Docs found here https://beta.ionicframework.com/docs/theming/css-variables

But there is not reference there as to how to change the size, the code on for ionic 3 does not work.

here is what I have

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

With below code you can change the size of tab-label :

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