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

css cleanup

Browse Source
This commit is contained in:
Adam Bradley
2015-09-05 21:02:44 -05:00
parent 463de4b437
commit c41801c55f
23 changed files with 381 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
ionic/components/tabs/modes/ios.scss
View File

@@ -8,42 +8,38 @@ $tab-bar-ios-item-icon-size: 32px !default;
$tab-bar-ios-height: 49px !default;
.tabs {
.tab-bar {
border-top: 1px solid $toolbar-ios-border-color;
}
.tab-bar {
border-top: 1px solid $toolbar-ios-border-color;
.tabs[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;
min-height: $tab-bar-ios-height;
}
.tab-button-text {
margin-bottom: 0;
min-height: $tab-bar-ios-item-font-size + 1;
font-size: $tab-bar-ios-item-font-size;
}
.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;
}
&[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;
min-height: $tab-bar-ios-height;
}
.tab-button-text {
margin-bottom: 0;
min-height: $tab-bar-ios-item-font-size + 1;
font-size: $tab-bar-ios-item-font-size;
}
.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;
}
}
}
[tab-bar-icons=right] .tab-button,

45
ionic/components/tabs/modes/material.scss
View File

@@ -9,40 +9,37 @@ $tab-bar-md-item-icon-size: 2.4rem !default;
$tab-bar-md-item-height: 4.8rem !default;
.tabs {
.tab-button {
padding: $tab-bar-md-item-padding;
min-height: $tab-bar-md-item-height;
font-size: $tab-bar-md-item-font-size;
font-weight: $tab-bar-md-item-font-weight;
.tab-button {
padding: $tab-bar-md-item-padding;
min-height: $tab-bar-md-item-height;
font-size: $tab-bar-md-item-font-size;
font-weight: $tab-bar-md-item-font-weight;
box-shadow: none;
border-radius: 0;
border-bottom: 2px solid transparent;
}
box-shadow: none;
border-radius: 0;
border-bottom: 2px solid transparent;
}
.tab-button[aria-selected="true"] {
border-bottom-color: $tab-button-text-active;
}
.tab-button[aria-selected="true"] {
border-bottom-color: $tab-button-text-active;
}
.tab-button-text {
margin-top: 5px;
margin-bottom: 5px;
text-transform: uppercase;
}
.tab-button-icon {
font-size: $tab-bar-md-item-icon-size;
min-width: $tab-bar-md-item-icon-size + 5;
}
.tab-button-text {
margin-top: 5px;
margin-bottom: 5px;
text-transform: uppercase;
}
.tab-button-icon {
font-size: $tab-bar-md-item-icon-size;
min-width: $tab-bar-md-item-icon-size + 5;
}
[tab-bar-icons=bottom] .tab-button {
padding-top: 8px;
padding-bottom: 8px;
}
[tab-bar-icons=right] .tab-button,
[tab-bar-icons=left] .tab-button {
padding-bottom: 10px;