diff --git a/dist/ratchet-theme-ios.css b/dist/ratchet-theme-ios.css index eaa9958..71893b7 100644 --- a/dist/ratchet-theme-ios.css +++ b/dist/ratchet-theme-ios.css @@ -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); diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 39378fe..b44d3cf 100644 --- a/docs/assets/css/docs.css +++ b/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); diff --git a/docs/dist/ratchet-theme-ios.css b/docs/dist/ratchet-theme-ios.css index eaa9958..71893b7 100644 --- a/docs/dist/ratchet-theme-ios.css +++ b/docs/dist/ratchet-theme-ios.css @@ -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); diff --git a/sass/theme-ios.scss b/sass/theme-ios.scss index d81737e..1ba3ec5 100644 --- a/sass/theme-ios.scss +++ b/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