IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

add back in a few -webkit- css3 prefixes

Browse Source 
due to http://shouldiprefix.com/ and iOS mainly!
This commit is contained in:
Jeff Atwood 2014-12-25 01:41:44 -08:00
parent a82fda0a50
commit 8b3babdbde
5 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/discourse.scss
View File

@ -185,9 +185,11 @@ body {
@keyframes rotate-forever {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}

3
app/assets/stylesheets/common/base/magnific-popup.scss
View File

@ -600,12 +600,15 @@ button {
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
-webkit-transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
-webkit-transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
-webkit-transform-origin: 100%;
}
.mfp-container {
padding-left: $popup-padding-left-mobile;

4
app/assets/stylesheets/desktop/modal.scss
View File

@ -25,8 +25,8 @@
}
.modal.in {
-webkit-animation: modal .25s;
animation: modal .25s;
-webkit-animation: modal .25s;
animation: modal .25s;
}
//fade in and animate up

6
app/assets/stylesheets/vendor/font_awesome/_mixins.scss vendored
View File

@ -2,9 +2,11 @@
// --------------------------
@mixin fa-icon-rotate($degrees, $rotation) {
transform: rotate($degrees);
transform: rotate($degrees);
-webkit-transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
-webkit-transform: scale($horiz, $vert);
}

5
app/assets/stylesheets/vendor/font_awesome/_spinning.scss vendored
View File

@ -3,9 +3,10 @@
.#{$fa-css-prefix}-spin {
animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); }
}