added missing transformations for UP and DOWN animations when navigat…

…ing to another view to CSS
justspamjustin · Jan 31, 2013 · 494c130 · 494c130
1 parent ae80183
commit 494c130
Showing 1 changed file with 62 additions and 0 deletions.
diff --git a/src/stylesheets/junior.css b/src/stylesheets/junior.css
@@ -114,3 +114,65 @@
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
   opacity: 0;
 }
+
+.animate-to-view.UP {
+  -webkit-transform: translate3d(0, 100%, 0);
+  -moz-transform: translate3d(0, 100%, 0);
+  -ms-transform: translate3d(0, 100%, 0);
+  -o-transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, 100%, 0);
+}
+
+#app-container.animate.UP {
+  -webkit-transform: translate3d(0, -100%, 0);
+  -moz-transform: translate3d(0, -100%, 0);
+  -ms-transform: translate3d(0, -100%, 0);
+  -o-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+}
+
+#app-container.animate.UP #app-main .header-animated {
+  -webkit-transform: translate3d(0, -50% 0);
+  -moz-transform: translate3d(0, -50% 0);
+  -ms-transform: translate3d(0, -50% 0);
+  -o-transform: translate3d(0, -50% 0);
+  transform: translate3d(0, -50% 0);
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+}
+
+.animate-to-view.UP.initial .header-animated {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+}
+
+.animate-to-view.DOWN {
+  -webkit-transform: translate3d(0, -100%, 0);
+  -moz-transform: translate3d(0, -100%, 0);
+  -ms-transform: translate3d(0, -100%, 0);
+  -o-transform: translate3d(0, -100%, 0);
+  transform: translate3d(0, -100%, 0);
+}
+
+#app-container.animate.DOWN {
+  -webkit-transform: translate3d(0, 100%, 0);
+  -moz-transform: translate3d(0, 100%, 0);
+  -ms-transform: translate3d(0, 100%, 0);
+  -o-transform: translate3d(0, 100%, 0);
+  transform: translate3d(0, 100%, 0);
+}
+
+#app-container.animate.DOWN #app-main .header-animated {
+  -webkit-transform: translate3d(0, 50% 0);
+  -moz-transform: translate3d(0, 50% 0);
+  -ms-transform: translate3d(0, 50% 0);
+  -o-transform: translate3d(0, 50% 0);
+  transform: translate3d(0, 50% 0);
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+}
+
+.animate-to-view.DOWN.initial .header-animated {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+}