Add specs for issue 1214

This PR add specs for sass/libsass#1214
xzyfer · May 15, 2015 · aa829b3 · aa829b3
1 parent 4c540cd
commit aa829b3
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 0 deletions.
diff --git a/spec/libsass-todo-issues/issue_1214/expected.compact.css b/spec/libsass-todo-issues/issue_1214/expected.compact.css
@@ -0,0 +1,3 @@
+@keyframes $animation-name { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
+  40% { transform: translateY(-30px); }
+  60% { transform: translateY(-15px); } }
diff --git a/spec/libsass-todo-issues/issue_1214/expected.compressed.css b/spec/libsass-todo-issues/issue_1214/expected.compressed.css
@@ -0,0 +1 @@
+@keyframes $animation-name{0%, 20%, 50%, 80%, 100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
diff --git a/spec/libsass-todo-issues/issue_1214/expected.expanded.css b/spec/libsass-todo-issues/issue_1214/expected.expanded.css
@@ -0,0 +1,11 @@
+@keyframes $animation-name {
+  0%, 20%, 50%, 80%, 100% {
+    transform: translateY(0);
+  }
+  40% {
+    transform: translateY(-30px);
+  }
+  60% {
+    transform: translateY(-15px);
+  }
+}
diff --git a/spec/libsass-todo-issues/issue_1214/expected_output.css b/spec/libsass-todo-issues/issue_1214/expected_output.css
@@ -0,0 +1,7 @@
+@keyframes $animation-name {
+  0%, 20%, 50%, 80%, 100% {
+    transform: translateY(0); }
+  40% {
+    transform: translateY(-30px); }
+  60% {
+    transform: translateY(-15px); } }
diff --git a/spec/libsass-todo-issues/issue_1214/input.scss b/spec/libsass-todo-issues/issue_1214/input.scss
@@ -0,0 +1,11 @@
+@mixin keyframes($animation-name) {
+  @keyframes $animation-name {
+    @content;
+  }
+}
+
+@include keyframes(bounce) {
+  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
+  40% {transform: translateY(-30px);}
+  60% {transform: translateY(-15px);}
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		@keyframes $animation-name{0%, 20%, 50%, 80%, 100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}