diff --git a/app/assets/javascripts/discourse/views/post-menu.js.es6 b/app/assets/javascripts/discourse/views/post-menu.js.es6 index bc7e8b51a79..c1d86e79a4a 100644 --- a/app/assets/javascripts/discourse/views/post-menu.js.es6 +++ b/app/assets/javascripts/discourse/views/post-menu.js.es6 @@ -19,7 +19,7 @@ function animateHeart($elem, start, end, complete) { .animate({ textIndent: end }, { complete: complete, step: function(now) { - $(this).css('-webkit-transform','scale('+now+')'); + $(this).css('transform','scale('+now+')'); }, duration: 150 }, 'linear'); diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss index c7659f0218b..e869bcd1cea 100644 --- a/app/assets/stylesheets/common/base/discourse.scss +++ b/app/assets/stylesheets/common/base/discourse.scss @@ -182,15 +182,6 @@ body { } -@-webkit-keyframes rotate-forever { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } -} - @keyframes rotate-forever { 0% { transform: rotate(0deg); diff --git a/app/assets/stylesheets/common/base/magnific-popup.scss b/app/assets/stylesheets/common/base/magnific-popup.scss index a0c98d3051c..18837345cdb 100644 --- a/app/assets/stylesheets/common/base/magnific-popup.scss +++ b/app/assets/stylesheets/common/base/magnific-popup.scss @@ -599,15 +599,12 @@ button { // Scale navigation arrows and reduce padding from sides @media all and (max-width: 900px) { .mfp-arrow { - -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { - -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { - -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss index f3c9178b8ee..3cae71690b2 100644 --- a/app/assets/stylesheets/common/base/modal.scss +++ b/app/assets/stylesheets/common/base/modal.scss @@ -34,9 +34,6 @@ //fade in -@-webkit-keyframes fade { - from {opacity: 0} - to {opacity: .8} }@keyframes fade { from {opacity: 0} to {opacity: .8} diff --git a/app/assets/stylesheets/desktop/modal.scss b/app/assets/stylesheets/desktop/modal.scss index 59cdbd74f48..dba91df4dd6 100644 --- a/app/assets/stylesheets/desktop/modal.scss +++ b/app/assets/stylesheets/desktop/modal.scss @@ -31,9 +31,6 @@ animation: modal .25s; //fade in and animate up -@-webkit-keyframes modal { - from {opacity: 0} - to {opacity: 1} }@keyframes fade { from {opacity: 0} to {opacity: 1} diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index a2107338c52..fef95418de4 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -514,10 +514,6 @@ video { from {opacity: 0;} to {opacity: 1;} } -@-webkit-keyframes fadein { - from {opacity: 0;} - to {opacity: 1;} -} .extra-info-wrapper { overflow: hidden; diff --git a/app/assets/stylesheets/vendor/font_awesome/_mixins.scss b/app/assets/stylesheets/vendor/font_awesome/_mixins.scss index 9f555963f83..e7b9cbd1ae4 100644 --- a/app/assets/stylesheets/vendor/font_awesome/_mixins.scss +++ b/app/assets/stylesheets/vendor/font_awesome/_mixins.scss @@ -2,19 +2,9 @@ // -------------------------- @mixin fa-icon-rotate($degrees, $rotation) { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); - -webkit-transform: rotate($degrees); - -moz-transform: rotate($degrees); - -ms-transform: rotate($degrees); - -o-transform: rotate($degrees); transform: rotate($degrees); } @mixin fa-icon-flip($horiz, $vert, $rotation) { - filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); - -webkit-transform: scale($horiz, $vert); - -moz-transform: scale($horiz, $vert); - -ms-transform: scale($horiz, $vert); - -o-transform: scale($horiz, $vert); transform: scale($horiz, $vert); } diff --git a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss index ba1e4f16236..c352dc4f2c5 100644 --- a/app/assets/stylesheets/vendor/font_awesome/_spinning.scss +++ b/app/assets/stylesheets/vendor/font_awesome/_spinning.scss @@ -2,28 +2,9 @@ // -------------------------- .#{$fa-css-prefix}-spin { - -webkit-animation: spin 2s infinite linear; - -moz-animation: spin 2s infinite linear; - -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } -@-moz-keyframes spin { - 0% { -moz-transform: rotate(0deg); } - 100% { -moz-transform: rotate(359deg); } -} -@-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} -@-o-keyframes spin { - 0% { -o-transform: rotate(0deg); } - 100% { -o-transform: rotate(359deg); } -} -@-ms-keyframes spin { - 0% { -ms-transform: rotate(0deg); } - 100% { -ms-transform: rotate(359deg); } -} @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); }