2 files changed, 84 insertions, 0 deletions
diff --git a/theme-compiler/tests/resources/automatic/css/keyframe.css b/theme-compiler/tests/resources/automatic/css/keyframe.css
new file mode 100644
index 0000000000..70dab44177
--- /dev/null
+++ b/theme-compiler/tests/resources/automatic/css/keyframe.css
@@ -0,0 +1,38 @@
+@-webkit-keyframes bgcolor {
+	0% {
+		background-color: #ffccf2;
+	}
+	100% {
+		background-color: #ccffff;
+	}
+}
+@-moz-keyframes bgcolor {
+	from {
+		background-color: #ffccf2;
+	}
+	to {
+		background-color: #ccffff;
+	}
+}
+@-ms-keyframes bgcolor {
+	from {
+		background-color: #ffccf2;
+	}
+	100% {
+		background-color: #ccffff;
+	}
+}
+@keyframes bgcolor {
+	0% {
+		background-color: #ffccf2;
+	}
+	to {
+		background-color: #ccffff;
+	}
+}
+
+@keyframes mymove {
+	from { top: 0px; }
+	to { top: 200px; }
+	50% { top: 100px; }
+}
+\ No newline at end of file
diff --git a/theme-compiler/tests/resources/automatic/scss/keyframe.scss b/theme-compiler/tests/resources/automatic/scss/keyframe.scss
new file mode 100644
index 0000000000..9c30493e41
--- /dev/null
+++ b/theme-compiler/tests/resources/automatic/scss/keyframe.scss
@@ -0,0 +1,46 @@
+// keyframes mixin
+@mixin keyframes($name) {
+	@-webkit-keyframes #{$name} {
+		0% {
+			background-color: #ffccf2;
+		}
+		100% {
+			background-color: #ccffff;
+		}
+	}
+	@-moz-keyframes #{$name} {
+		from {
+			background-color: #ffccf2;
+		}
+		to {
+			background-color: #ccffff;
+		}
+	}
+	@-ms-keyframes #{$name} {
+		from {
+			background-color: #ffccf2;
+		}
+		100% {
+			background-color: #ccffff;
+		}
+	}
+	@keyframes #{$name} {
+		0% {
+			background-color: #ffccf2;
+		}
+		to {
+			background-color: #ccffff;
+		}
+	}
+}
+
+// use of keyframes mixin
+@include keyframes(bgcolor);
+
+// use of keyframes outside mixin. pure css
+@keyframes mymove
+{
+	from {top:0px;}
+	to {top:200px;}
+	50% {top: 100px;}
+}
+\ No newline at end of file