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

Merge pull request #157 from driftyco/154-router-nav

Browse Source 
wip - router based nav controller
This commit is contained in:
Max Lynch
2013-11-19 14:09:29 -08:00
parent 9e4a94371f a8947355b9
commit cee8caef28
11 changed files with 1275 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
dist/css/ionic.css vendored
View File

@@ -2949,6 +2949,79 @@ a.button {
* and pretty easy on performance. They can be overidden
* and enhanced easily.
*/
.noop-animation > .ng-enter, .noop-animation.ng-enter, .noop-animation > .ng-leave, .noop-animation.ng-leave {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms; }
.slide-left-right > .ng-enter, .slide-left-right.ng-enter, .slide-left-right > .ng-leave, .slide-left-right.ng-leave {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms; }
.slide-left-right > .ng-enter, .slide-left-right.ng-enter {
-webkit-transform: translate3d(100%, 0, 0); }
.slide-left-right > .ng-enter.ng-enter-active, .slide-left-right.ng-enter.ng-enter-active {
-webkit-transform: translate3d(0, 0, 0); }
.slide-left-right > .ng-leave.ng-leave-active, .slide-left-right.ng-leave.ng-leave-active {
-webkit-transform: translate3d(-100%, 0, 0); }
.slide-left-right.reverse > .ng-enter, .slide-left-right.reverse.ng-enter, .slide-left-right.reverse > .ng-leave, .slide-left-right.reverse.ng-leave {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms; }
.slide-left-right.reverse > .ng-enter, .slide-left-right.reverse.ng-enter {
-webkit-transform: translate3d(-100%, 0, 0); }
.slide-left-right.reverse > .ng-enter.ng-enter-active, .slide-left-right.reverse.ng-enter.ng-enter-active {
-webkit-transform: translate3d(0, 0, 0); }
.slide-left-right.reverse > .ng-leave.ng-leave-active, .slide-left-right.reverse.ng-leave.ng-leave-active {
-webkit-transform: translate3d(100%, 0, 0); }
.slide-left-right-ios7 > .ng-enter, .slide-left-right-ios7.ng-enter, .slide-left-right-ios7 > .ng-leave, .slide-left-right-ios7.ng-leave {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 250ms;
-webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
transition: all 250ms;
transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.2), 1px 0px 3px rgba(0, 0, 0, 0.2); }
.slide-left-right-ios7 > .ng-enter, .slide-left-right-ios7.ng-enter {
-webkit-transform: translate3d(100%, 0, 0); }
.slide-left-right-ios7 > .ng-enter.ng-enter-active, .slide-left-right-ios7.ng-enter.ng-enter-active {
-webkit-transform: translate3d(0, 0, 0); }
.slide-left-right-ios7 > .ng-leave.ng-leave-active, .slide-left-right-ios7.ng-leave.ng-leave-active {
-webkit-transform: translate3d(-20%, 0, 0); }
.slide-left-right-ios7.reverse > .ng-enter, .slide-left-right-ios7.reverse.ng-enter, .slide-left-right-ios7.reverse > .ng-leave, .slide-left-right-ios7.reverse.ng-leave {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 250ms;
-webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 250ms;
transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1); }
.slide-left-right-ios7.reverse > .ng-enter, .slide-left-right-ios7.reverse.ng-enter {
-webkit-transform: translate3d(-20%, 0, 0); }
.slide-left-right-ios7.reverse > .ng-enter.ng-enter-active, .slide-left-right-ios7.reverse.ng-enter.ng-enter-active {
-webkit-transform: translate3d(0, 0, 0); }
.slide-left-right-ios7.reverse > .ng-leave.ng-leave-active, .slide-left-right-ios7.reverse.ng-leave.ng-leave-active {
-webkit-transform: translate3d(100%, 0, 0); }
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(100%, 0, 0); }
@@ -3172,6 +3245,41 @@ a.button {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/**
* Some component specific animations
*/
.nav-title-slide-ios7 > .ng-enter, .nav-title-slide-ios7.ng-enter, .nav-title-slide-ios7 > .ng-leave, .nav-title-slide-ios7.ng-leave {
-webkit-transition: all 250ms;
-webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
transition: all 250ms;
transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
opacity: 1; }
.nav-title-slide-ios7 > .ng-enter, .nav-title-slide-ios7.ng-enter {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0); }
.nav-title-slide-ios7 > .ng-enter.ng-enter-active, .nav-title-slide-ios7.ng-enter.ng-enter-active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0); }
.nav-title-slide-ios7 > .ng-leave.ng-leave-active, .nav-title-slide-ios7.ng-leave.ng-leave-active {
opacity: 0;
-webkit-transform: translate3d(-30%, 0, 0); }
.reverse .nav-title-slide-ios7 > .ng-enter, .reverse .nav-title-slide-ios7.ng-enter, .reverse .nav-title-slide-ios7 > .ng-leave, .reverse .nav-title-slide-ios7.ng-leave {
-webkit-transition: all 250ms;
-webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
transition: all 250ms;
transition-timing-function: cubic-bezier(0.1, 0.7, 0.1, 1);
opacity: 1; }
.reverse .nav-title-slide-ios7 > .ng-enter, .reverse .nav-title-slide-ios7.ng-enter {
opacity: 0;
-webkit-transform: translate3d(-30%, 0, 0); }
.reverse .nav-title-slide-ios7 > .ng-enter.ng-enter-active, .reverse .nav-title-slide-ios7.ng-enter.ng-enter-active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0); }
.reverse .nav-title-slide-ios7 > .ng-leave.ng-leave-active, .reverse .nav-title-slide-ios7.ng-leave.ng-leave-active {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0); }
/**
* Grid
* --------------------------------------------------