Files
2015-04-25 10:59:09 -05:00

74 lines
1.2 KiB
SCSS

// Toolbar
// --------------------------------------------------
$toolbar-background: #f7f7f8 !default;
.toolbar {
@include flex-display();
@include flex-direction(row);
@include flex-align-items(center);
@include flex-justify-content(space-between);
background: $toolbar-background;
}
.toolbar-top {
@include flex-order($flex-order-toolbar-top);
}
.toolbar-bottom {
@include flex-order($flex-order-toolbar-bottom);
}
.toolbar-items {
@include flex-display();
@include flex(1);
@include flex-justify-content(space-between);
}
.toolbar-item,
.toolbar-item ion-nav-items {
@include flex-display();
@include flex-align-items(center);
}
.toolbar .button {
background: transparent;
border: none;
}
.back-button {
@include flex-display();
@include flex-order(1);
}
.back-button-icon {
margin-right: 5px;
min-width: 12px;
}
.toolbar-title {
@include flex-display();
@include flex(1);
@include flex-align-items(center);
@include flex-order(2);
}
.toolbar-inner-title {
width: 100%;
padding: 0 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.toolbar-primary-item {
@include flex-order(3);
}
.toolbar-secondary-item {
@include flex-order(4);
}