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

autoprefixer

Browse Source
This commit is contained in:
Adam Bradley
2015-05-15 21:52:56 -05:00
parent 1c1840e119
commit 5152889a67
32 changed files with 141 additions and 440 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ionic/components/tabs/tabs.scss
View File

@@ -10,33 +10,33 @@ $tab-bar-item-max-width: 160px !default;
.tabs {
@include flex-display();
@include flex-direction(column);
display: flex;
flex-direction: column;
height: 100%;
}
[tab-bar-placement="top"] > .tab-bar-container {
@include flex-order($flex-order-tab-bar-top);
order: $flex-order-tab-bar-top;
}
[tab-bar-placement="bottom"] > .tab-bar-container {
@include flex-order($flex-order-tab-bar-bottom);
order: $flex-order-tab-bar-bottom;
}
.tab-bar {
@include flex-display();
@include flex-justify-content(center);
display: flex;
justify-content: center;
overflow: hidden;
background: $tab-bar-background-color;
}
.tab-bar-item {
@include flex-display();
@include flex-justify-content(center);
@include flex-direction(column);
@include flex(1);
@include flex-align-self(center);
@include flex-align-items(center);
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
align-self: center;
align-items: center;
padding: $tab-bar-item-padding;
min-width: $tab-bar-item-min-width;
@@ -44,7 +44,7 @@ $tab-bar-item-max-width: 160px !default;
text-align: center;
cursor: pointer;
@include user-select(none);
user-select: none;
border: 0;
background: none;
@@ -52,12 +52,12 @@ $tab-bar-item-max-width: 160px !default;
[tab-bar-icons="bottom"] > .tab-bar-container .tab-bar-item {
.tab-bar-item-icon {
@include flex-order(10);
order: 10;
}
}
[tab-bar-icons="left"] > .tab-bar-container .tab-bar-item {
@include flex-direction(row);
flex-direction: row;
.tab-bar-item-icon {
text-align: right;
@@ -66,10 +66,10 @@ $tab-bar-item-max-width: 160px !default;
}
[tab-bar-icons="right"] > .tab-bar-container .tab-bar-item {
@include flex-direction(row);
flex-direction: row;
.tab-bar-item-icon {
@include flex-order(10);
order: 10;
text-align: left;
padding-left: 5px;
}
@@ -77,7 +77,7 @@ $tab-bar-item-max-width: 160px !default;
.tab-bar-item-text,
.tab-bar-item-icon {
@include flex-align-self(center);
align-self: center;
min-width: 26px;
max-width: 100%;