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

scss(tabs): allow syntax with same tabbar to work

Browse Source
This commit is contained in:
Andy Joslin
2014-04-21 16:31:46 -06:00
parent 923f686a57
commit af2302ecc1
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
scss/_tabs.scss
View File

@@ -129,6 +129,10 @@
display: none;
}
/* Allow parent element to have tabs-top */
/* If you change this, change platform.scss as well */
.tabs.tabs-icon-top > .tab-item,
.tabs.tabs-icon-bottom > .tab-item,
.tabs-icon-top > .tabs .tab-item,
.tabs-icon-bottom > .tabs .tab-item {
font-size: $tabs-text-font-size-side-icon;
@@ -142,6 +146,8 @@
font-size: $tabs-icon-size;
}
.tabs.tabs-icon-left > .tab-item,
.tabs.tabs-icon-right > .tab-item,
.tabs-icon-left > .tabs .tab-item,
.tabs-icon-right > .tabs .tab-item {
font-size: $tabs-text-font-size-side-icon;
@@ -157,15 +163,18 @@
}
}
.tabs-icon-left .tab-item .icon {
.tabs-icon-left > .tabs > .tab-item .icon,
.tabs.tabs-icon-left > .tab-item .icon {
padding-right: 3px;
}
.tabs-icon-right .tab-item .icon {
.tabs-icon-right > .tabs > .tab-item .icon,
.tabs.tabs-icon-right > .tab-item .icon {
padding-left: 3px;
}
.tabs-icon-only .icon {
.tabs-icon-only > .tabs > .tab-item .icon,
.tabs.tabs-icon-only > .tab-item .icon {
line-height: inherit;
}