Merge pull request #12683 from adobe/marcel/fix-samples-css

ficristo · web-flow · commit b0f0dc257654 · 2016-08-17T13:10:01.000+02:00
Fix the grayscale animation in our samples
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%);
     }
 }
diff --git a/samples/root/Getting Started/main.css b/samples/root/Getting Started/main.css
diff --git a/samples/ru/Getting Started/main.css b/samples/ru/Getting Started/main.css
diff --git a/samples/sv/Kom igang/main.css b/samples/sv/Kom igang/main.css
diff --git a/samples/zh-tw/Getting Started/main.css b/samples/zh-tw/Getting Started/main.css

Original file line number	Diff line number	Diff line change
`@@ -48,20 +48,13 @@ img {`
`48`	`48`	`max-width: 95%;`
`49`	`49`	`}`
`50`	`50`
`51`		`-@-webkit-keyframes colorize {`
`52`		`- 0% {`
`53`		`- -webkit-filter: grayscale(100%);`
`54`		`- }`
`55`		`- 100% {`
`56`		`- -webkit-filter: grayscale(0%);`
`57`		`- }`
`58`		`-}`
`59`		`-`
`60`	`51`	`@keyframes colorize {`
`61`	`52`	`0% {`
	`53`	`+ -webkit-filter: grayscale(100%);`
`62`	`54`	`filter: grayscale(100%);`
`63`	`55`	`}`
`64`	`56`	`100% {`
	`57`	`+ -webkit-filter: grayscale(0%);`
`65`	`58`	`filter: grayscale(0%);`
`66`	`59`	`}`
`67`	`60`	`}`
Original file line number	Diff line number	Diff line change
`@@ -53,20 +53,13 @@ img {`
`53`	`53`	`max-width: 95%;`
`54`	`54`	`}`
`55`	`55`
`56`		`-@-webkit-keyframes colorize {`
`57`		`- 0% {`
`58`		`- -webkit-filter: grayscale(100%);`
`59`		`- }`
`60`		`- 100% {`
`61`		`- -webkit-filter: grayscale(0%);`
`62`		`- }`
`63`		`-}`
`64`		`-`
`65`	`56`	`@keyframes colorize {`
`66`	`57`	`0% {`
	`58`	`+ -webkit-filter: grayscale(100%);`
`67`	`59`	`filter: grayscale(100%);`
`68`	`60`	`}`
`69`	`61`	`100% {`
	`62`	`+ -webkit-filter: grayscale(0%);`
`70`	`63`	`filter: grayscale(0%);`
`71`	`64`	`}`
`72`	`65`	`}`