Изменить высоту выводов

Question

Каков наилучший способ изменения высоты панели вкладок (см. Ниже)? Удостоверившись, что не происходит совпадений с навигационными полосками и контентом, и что элементы табуляции имеют вертикальное центрирование.

<ion-tabs class="tabs-positive tabs-icon-only"> 

    <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline"> 
    <!-- Tab 1 content --> 
    </ion-tab> 

    <ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline"> 
    <!-- Tab 2 content --> 
    </ion-tab> 

    <ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline"> 
    <!-- Tab 3 content --> 
    </ion-tab> 

</ion-tabs> 

Answer 1

После более тщательного изучения, я думаю, что нашел способ переписать переменные в _variables.scss.

Мой пользовательский файл sass выглядит так и перезаписывает значение в _variables.scss.

$tabs-height:      49px !default; 

// Include all of Ionic 
@import "www/lib/ionic/scss/ionic";