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

rename scss extensions dir to modes

Browse Source
This commit is contained in:
Adam Bradley
2015-08-12 10:18:22 -05:00
parent 01d8276920
commit 41f58f87bb
28 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
ionic/components/tabs/modes/ios.scss Normal file
View File

@@ -0,0 +1,58 @@
// iOS Tabs
// --------------------------------------------------
$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: 50px !default;
.tabs[mode=ios] {
.tab-bar {
min-height: $tab-bar-ios-height;
border-top: 1px solid $toolbar-ios-border-color;
}
&[tab-bar-placement="top"] .tab-bar {
border-top: none;
border-bottom: 1px solid $toolbar-ios-border-color;
}
.tab-button {
padding: $tab-bar-ios-item-padding;
}
.tab-button-text {
font-size: $tab-bar-ios-item-font-size;
min-height: $tab-bar-ios-item-font-size + 1;
}
.has-title-only .tab-button-text {
font-size: $tab-bar-ios-item-font-size + 2;
}
.tab-button-icon {
font-size: $tab-bar-ios-item-icon-size;
height: $tab-bar-ios-item-icon-size;
min-width: $tab-bar-ios-item-icon-size + 5;
&:before {
vertical-align: top;
}
}
}
.hairlines .tabs[mode=ios] {
.tab-bar {
border-top-width: 0.5px;
}
&[tab-bar-placement="top"] .tab-bar {
border-bottom-width: 0.5px;
}
}

27
ionic/components/tabs/modes/material.scss Normal file
View File

@@ -0,0 +1,27 @@
// Material Design Tabs
// --------------------------------------------------
$tab-bar-md-item-padding: 2px 10px !default;
$tab-bar-md-item-font-size: 1.4rem !default;
$tab-bar-md-item-icon-size: 26px !default;
$tab-bar-md-item-height: 4.8rem !default;
.tabs[mode=md] {
button.tab-button {
padding: $tab-bar-md-item-padding;
min-height: $tab-bar-md-item-height;
font-size: $tab-bar-md-item-font-size;
box-shadow: none;
border-radius: 0;
}
.tab-button-icon {
font-size: $tab-bar-md-item-icon-size;
min-width: $tab-bar-md-item-icon-size + 5;
}
}