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;
transition: opacity 0.2s ease-in-out;
}
.content.slide {
.content.sliding {
-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);
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;
-moz-animation-name: fadeOverlay;
animation-name: fadeOverlay;
@ -453,12 +453,12 @@ textarea,
-moz-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;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.content.slide.left {
.content.sliding.left {
-webkit-transform: translate3d(-20%, 0, 0);
-ms-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;
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);
-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);
}
.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;
-moz-animation-name: fadeOverlay;
animation-name: fadeOverlay;
@ -1525,12 +1525,12 @@ hr {
-moz-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;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.platform-ios .content.slide.left {
.platform-ios .content.sliding.left {
-webkit-transform: translate3d(-20%, 0, 0);
-ms-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;
transition: opacity 0.2s ease-in-out;
}
.content.slide {
.content.sliding {
-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);
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;
-moz-animation-name: fadeOverlay;
animation-name: fadeOverlay;
@ -453,12 +453,12 @@ textarea,
-moz-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;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.content.slide.left {
.content.sliding.left {
-webkit-transform: translate3d(-20%, 0, 0);
-ms-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);
}
// Slide animation
&.slide {
&.sliding {
@include transition-timing-function ($timing-fuction);
// Adding the overlay

Loading…
Cancel
Save