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

using material design term instead of android

Browse Source
This commit is contained in:
Adam Bradley
2015-04-10 16:05:35 -05:00
parent b011900a1b
commit adeaf4d464
12 changed files with 133 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/tabs/extensions/android.scss
View File

@@ -1,33 +0,0 @@
// Android Toolbar
// --------------------------------------------------
$tab-bar-android-min-height: 40px !default;
$tab-bar-android-item-padding: 4px 10px !default;
$tab-bar-android-active-border-width: 3px !default;
$tab-bar-android-active-border-color: red !default;
$tab-bar-android-text-transform: uppercase !default;
$tab-bar-android-text-font-weight: 500 !default;
.tabs-android {
.tab-bar-container {
min-height: $tab-bar-android-min-height;
}
.tab-bar-item {
padding: $tab-bar-item-padding;
text-transform: $tab-bar-android-text-transform;
font-weight: $tab-bar-android-text-font-weight;
}
.tab-bar .tab-bar-item {
border-bottom: $tab-bar-android-active-border-width solid transparent;
}
.tab-bar .tab-active {
border-bottom-color: $tab-bar-android-active-border-color;
}
}

33
src/components/tabs/extensions/material.scss Normal file
View File

@@ -0,0 +1,33 @@
// Material Design Toolbar
// --------------------------------------------------
$tab-bar-material-min-height: 40px !default;
$tab-bar-material-item-padding: 4px 10px !default;
$tab-bar-material-active-border-width: 3px !default;
$tab-bar-material-active-border-color: red !default;
$tab-bar-material-text-transform: uppercase !default;
$tab-bar-material-text-font-weight: 500 !default;
.tabs-md {
.tab-bar-container {
min-height: $tab-bar-material-min-height;
}
.tab-bar-item {
padding: $tab-bar-material-item-padding;
text-transform: $tab-bar-material-text-transform;
font-weight: $tab-bar-material-text-font-weight;
}
.tab-bar .tab-bar-item {
border-bottom: $tab-bar-material-active-border-width solid transparent;
}
.tab-bar .tab-active {
border-bottom-color: $tab-bar-material-active-border-color;
}
}