javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-02-04 13:16:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Nice iOS Tab CSS

Browse Source
This commit is contained in:
Max Lynch
2015-06-23 17:41:48 -05:00
parent 63bf561711
commit b68034bd2d
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
ionic/components/tabs/extensions/ios.scss
View File

@@ -2,23 +2,34 @@
// iOS Tab Bar
// --------------------------------------------------
$tab-bar-ios-item-padding: 3px 10px !default;
$tab-bar-ios-item-font-size: 1.1rem !default;
$tab-bar-ios-item-icon-size: 2.8rem !default;
$tab-bar-ios-item-padding: 0px 10px !default;
$tab-bar-ios-item-font-size: 10px !default;
$tab-bar-ios-item-icon-size: 30px !default;
$tab-bar-ios-height: 49px !default;
.tabs-ios {
.tab-bar-item {
.tab-bar {
// iOS's UITabBar is at most 49px high
max-height: $tab-bar-ios-height;
height: $tab-bar-ios-height;
}
.tab-button {
padding: $tab-bar-ios-item-padding;
}
.tab-bar-item-text {
.tab-button-text {
font-size: $tab-bar-ios-item-font-size;
}
.tab-bar-item-icon {
.tab-button-icon {
font-size: $tab-bar-ios-item-icon-size;
height: $tab-bar-ios-item-icon-size;
&:before {
vertical-align: top;
}
}
&[tab-bar-placement="bottom"] > .tab-bar-container {