Add -webkit-filter to @Keyframes (without prefix) so newer versions o…

…f WebKit browsers are aware of it
brackets-userland · Aug 17, 2016 · 795abda · 795abda
1 parent e5596f5
commit 795abda
Show file tree

Hide file tree

Showing 20 changed files with 41 additions and 182 deletions.
diff --git a/samples/bg/Getting Started/main.css b/samples/bg/Getting Started/main.css
@@ -39,8 +39,7 @@ samp {
 }
 
 img {
-    -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
-            animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
+    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
     background: transparent;
     border: 10px solid rgba(0, 0, 0, 0.12);
     border-radius: 4px;
@@ -49,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/cs/Getting Started/main.css b/samples/cs/Getting Started/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/da/Kom godt i gang/main.css b/samples/da/Kom godt i gang/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/de/Erste Schritte/main.css b/samples/de/Erste Schritte/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/el/Getting Started/main.css b/samples/el/Getting Started/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/es/Primeros Pasos/main.css b/samples/es/Primeros Pasos/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/fa-ir/Getting Started/main.css b/samples/fa-ir/Getting Started/main.css
@@ -53,20 +53,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }

diff --git a/samples/fi/Aloitus/main.css b/samples/fi/Aloitus/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/fr/Premiers pas/main.css b/samples/fr/Premiers pas/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/id/Memulai/main.css b/samples/id/Memulai/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/it/Primi passi/main.css b/samples/it/Primi passi/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/ja/Getting Started/main.css b/samples/ja/Getting Started/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/nl/Aan-de-slag/main.css b/samples/nl/Aan-de-slag/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/pl/Szybki Start/main.css b/samples/pl/Szybki Start/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/pt-br/Primeiros Passos/main.css b/samples/pt-br/Primeiros Passos/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }
diff --git a/samples/pt-pt/Primeiros Passos/main.css b/samples/pt-pt/Primeiros Passos/main.css
@@ -48,20 +48,13 @@ img {
     max-width: 95%;
 }
 
-@-webkit-keyframes colorize {
-    0% {
-        -webkit-filter: grayscale(100%);
-    }
-    100% {
-        -webkit-filter: grayscale(0%);
-    }
-}
-
 @keyframes colorize {
     0% {
+        -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     100% {
+        -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
 }