support @content directive for Sass compiler (Ticket #10207)

Change-Id: I8037e1d64afd1ce2044d89d3bdcf408f6162727c

2 files changed, 49 insertions, 0 deletions

diff --git a/theme-compiler/tests/resources/automatic/scss/mixin-content-directive-with-vars.scss b/theme-compiler/tests/resources/automatic/scss/mixin-content-directive-with-vars.scss
new file mode 100644
index 0000000000..e7e0c3b7e6
--- /dev/null
+++ b/theme-compiler/tests/resources/automatic/scss/mixin-content-directive-with-vars.scss
@@ -0,0 +1,9 @@
+$color: white;
+@mixin colors($color: blue) {
+  background-color: $color;
+  @content;
+  border-color: $color;
+}
+.colors {
+  @include colors { color: $color; }
+}
\ No newline at end of file
diff --git a/theme-compiler/tests/resources/automatic/scss/mixin-content-directive.scss b/theme-compiler/tests/resources/automatic/scss/mixin-content-directive.scss
new file mode 100644
index 0000000000..71217cb814
--- /dev/null
+++ b/theme-compiler/tests/resources/automatic/scss/mixin-content-directive.scss
@@ -0,0 +1,40 @@
+@mixin my-mixin  {
+    .foobar {
+        @content;
+     }
+}
+
+@include my-mixin {
+   color: red;
+}
+
+@include my-mixin {
+   background-color: blue;
+}
+
+@mixin apply-to-ie6-only {
+  * html {
+    @content;
+  }
+}
+@include apply-to-ie6-only {
+  #logo {
+    background-image: url(/logo.gif);
+  }
+}
+@include apply-to-ie6-only {
+  .link {
+    color: blue;
+  }
+}
+
+@mixin mixin-multi-contents  {
+    .foobar {
+        @content;
+        @content;
+     }
+}
+
+@include mixin-multi-contents {
+   color: red;
+}
\ No newline at end of file