From 2cc7ad1cd43132fce201aa21d2a31fd56f093815 Mon Sep 17 00:00:00 2001
From: Haijian Wang <haijian@vaadin.com>
Date: Tue, 8 Jan 2013 16:29:18 +0200
Subject: Supports @keyframes, related to Ticket #10000

Change-Id: Ic65defdccb4d0aa8f54aa941acde21554f0bf989
---
 .../tests/resources/automatic/css/keyframe.css     | 38 ++++++++++++++++++
 .../tests/resources/automatic/scss/keyframe.scss   | 46 ++++++++++++++++++++++
 2 files changed, 84 insertions(+)
 create mode 100644 theme-compiler/tests/resources/automatic/css/keyframe.css
 create mode 100644 theme-compiler/tests/resources/automatic/scss/keyframe.scss

(limited to 'theme-compiler/tests/resources')

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
-- 
cgit v1.2.3