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

that whole nav overhaul thing again

Browse Source
This commit is contained in:
Adam Bradley
2015-05-28 10:19:28 -05:00
parent 2d8a6d9079
commit d827279a4f
36 changed files with 414 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
ionic/components/toolbar/extensions/ios.scss
View File

@@ -1,73 +0,0 @@
// iOS Toolbar
// --------------------------------------------------
$toolbar-order-ios: (
back-button: 10,
primary: 20,
title: 30,
secondary: 40
);
$toolbar-ios-height: 4.4rem !default;
$toolbar-ios-background: #f7f7f8 !default;
$toolbar-ios-border-color: #c4c4c4 !default;
$toolbar-ios-title-font-size: 1.7rem !default;
$toolbar-ios-button-font-size: 1.7rem !default;
$toolbar-ios-button-text-color: #007aff !default;
$toolbar-ios-button-background-color: transparent !default;
.toolbar-container-ios {
height: $toolbar-ios-height;
background: $toolbar-ios-background;
// toolbar on top, border on bottom (default)
@include hairline(bottom, $toolbar-ios-border-color);
// toolbar on bottom, border on top
&.toolbar-bottom:after {
top: 0;
bottom: auto;
}
}
.toolbar-ios {
.toolbar [side="primary"] {
order: map-get($toolbar-order-ios, 'primary');
}
.toolbar [side="secondary"] {
order: map-get($toolbar-order-ios, 'secondary');
}
ion-title {
order: map-get($toolbar-order-ios, 'title');
text-align: center;
font-size: $toolbar-ios-title-font-size;
font-weight: 500;
}
.toolbar-back-button {
order: map-get($toolbar-order-ios, 'back-button');
}
.button {
font-size: $toolbar-ios-button-font-size;
color: $toolbar-ios-button-text-color;
border: none;
padding: 0;
margin: 0 10px;
min-height: $toolbar-ios-height;
min-width: 0;
background: $toolbar-ios-button-background-color;
}
.back-button-icon {
padding-right: 6px;
}
}

33
ionic/components/toolbar/extensions/material.scss
View File

@@ -1,33 +0,0 @@
// Material Design Toolbar
// --------------------------------------------------
$toolbar-material-height: 6.4rem !default;
$toolbar-material-background: #f7f7f8 !default;
$toolbar-material-title-font-size: 2rem !default;
$toolbar-material-button-font-size: 2rem !default;
$toolbar-material-button-text-color: #007aff !default;
.toolbar-md {
height: $toolbar-material-height;
background: $toolbar-material-background;
.toolbar-title {
font-size: $toolbar-material-title-font-size;
}
.button {
font-size: $toolbar-material-button-font-size;
color: $toolbar-material-button-text-color;
border: none;
padding: 0;
margin: 0 10px;
min-height: $toolbar-material-height;
min-width: 0;
}
}