Browse Source

fix ios push

pull/213/head
connors 11 years ago
parent
commit
d90a0a1cdc
  1. 8
      dist/ratchet-theme-ios.css
  2. 8
      docs/assets/css/docs.css
  3. 8
      docs/dist/ratchet-theme-ios.css
  4. 2
      sass/theme-ios.scss

8
dist/ratchet-theme-ios.css vendored

@ -440,12 +440,12 @@ textarea,
-moz-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
} }
.content.slide { .content.sliding {
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
} }
.content.slide.sliding-in, .content.slide.right:not([class*="sliding-in"]) { .content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-name: fadeOverlay; -webkit-animation-name: fadeOverlay;
-moz-animation-name: fadeOverlay; -moz-animation-name: fadeOverlay;
animation-name: fadeOverlay; animation-name: fadeOverlay;
@ -453,12 +453,12 @@ textarea,
-moz-animation-duration: 0.4s; -moz-animation-duration: 0.4s;
animation-duration: 0.4s; animation-duration: 0.4s;
} }
.content.slide.right:not([class*="sliding-in"]) { .content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-direction: reverse; -webkit-animation-direction: reverse;
-moz-animation-direction: reverse; -moz-animation-direction: reverse;
animation-direction: reverse; animation-direction: reverse;
} }
.content.slide.left { .content.sliding.left {
-webkit-transform: translate3d(-20%, 0, 0); -webkit-transform: translate3d(-20%, 0, 0);
-ms-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);

8
docs/assets/css/docs.css

@ -1512,12 +1512,12 @@ hr {
-moz-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
} }
.platform-ios .content.slide { .platform-ios .content.sliding {
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
} }
.platform-ios .content.slide.sliding-in, .platform-ios .content.slide.right:not([class*="sliding-in"]) { .platform-ios .content.sliding.sliding-in, .platform-ios .content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-name: fadeOverlay; -webkit-animation-name: fadeOverlay;
-moz-animation-name: fadeOverlay; -moz-animation-name: fadeOverlay;
animation-name: fadeOverlay; animation-name: fadeOverlay;
@ -1525,12 +1525,12 @@ hr {
-moz-animation-duration: 0.4s; -moz-animation-duration: 0.4s;
animation-duration: 0.4s; animation-duration: 0.4s;
} }
.platform-ios .content.slide.right:not([class*="sliding-in"]) { .platform-ios .content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-direction: reverse; -webkit-animation-direction: reverse;
-moz-animation-direction: reverse; -moz-animation-direction: reverse;
animation-direction: reverse; animation-direction: reverse;
} }
.platform-ios .content.slide.left { .platform-ios .content.sliding.left {
-webkit-transform: translate3d(-20%, 0, 0); -webkit-transform: translate3d(-20%, 0, 0);
-ms-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);

8
docs/dist/ratchet-theme-ios.css vendored

@ -440,12 +440,12 @@ textarea,
-moz-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
} }
.content.slide { .content.sliding {
-webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
-moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1); transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
} }
.content.slide.sliding-in, .content.slide.right:not([class*="sliding-in"]) { .content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-name: fadeOverlay; -webkit-animation-name: fadeOverlay;
-moz-animation-name: fadeOverlay; -moz-animation-name: fadeOverlay;
animation-name: fadeOverlay; animation-name: fadeOverlay;
@ -453,12 +453,12 @@ textarea,
-moz-animation-duration: 0.4s; -moz-animation-duration: 0.4s;
animation-duration: 0.4s; animation-duration: 0.4s;
} }
.content.slide.right:not([class*="sliding-in"]) { .content.sliding.right:not([class*="sliding-in"]) {
-webkit-animation-direction: reverse; -webkit-animation-direction: reverse;
-moz-animation-direction: reverse; -moz-animation-direction: reverse;
animation-direction: reverse; animation-direction: reverse;
} }
.content.slide.left { .content.sliding.left {
-webkit-transform: translate3d(-20%, 0, 0); -webkit-transform: translate3d(-20%, 0, 0);
-ms-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);

2
sass/theme-ios.scss

@ -564,7 +564,7 @@ textarea,
@include transition(opacity .2s ease-in-out); @include transition(opacity .2s ease-in-out);
} }
// Slide animation // Slide animation
&.slide { &.sliding {
@include transition-timing-function ($timing-fuction); @include transition-timing-function ($timing-fuction);
// Adding the overlay // Adding the overlay

Loading…
Cancel
Save