javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 06:22:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: initial nav

Browse Source
This commit is contained in:
Andrew
2015-04-01 19:38:27 -06:00
parent fee7520291
commit fd74dc937e
5 changed files with 132 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/nav-view/nav-view.scss
View File

@ -1,16 +1,41 @@
.nav-view {
opacity: 0;
transition: 0.25s;
width: 100%;
height: 100%;
}
.nav-view.in {
opacity: 1;
}
.nav-view.out {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
display: none;
&.shown {
display: block;
}
&[animate] {
display: block;
transition: 1s linear;
}
&[animate=push-enter] {
transform: translate3d(100%,0,0);
&.start {
transform: translate3d(0,0,0);
}
}
&[animate=pop-enter] {
transform: translate3d(-100%,0,0);
&.start {
transform: translate3d(0,0,0);
}
}
&[animate=push-leave] {
transform: translate3d(0,0,0);
&.start {
transform: translate3d(-100%,0,0);
}
}
&[animate=pop-leave] {
transform: translate3d(0,0,0);
&.start {
transform: translate3d(100%,0,0);
}
}
}