From 9636d4a6767f49384d5c386bc3f1142c88b90613 Mon Sep 17 00:00:00 2001
From: Alvin Li <liweitianux@gmail.com>
Date: Tue, 13 Aug 2013 14:13:24 +0800
Subject: cloned from 'bitbucket', 2013/08/13

---
 .../zen-grids/templates/project/common.scss        |  57 +++++++++
 .../zen-grids/templates/project/example.html       |  67 ++++++++++
 .../zen-grids/templates/project/layout.scss        | 137 +++++++++++++++++++++
 .../zen-grids/templates/project/manifest.rb        |  22 ++++
 .../zen-grids/templates/project/styles.scss        |   3 +
 .../zen-grids/templates/unit-tests/README.txt      |  16 +++
 .../zen-grids/templates/unit-tests/manifest.rb     |  37 ++++++
 .../sass/function-zen-direction-flip.scss          |  23 ++++
 .../sass/function-zen-grid-item-width.scss         |  32 +++++
 .../unit-tests/sass/function-zen-half-gutter.scss  |  37 ++++++
 .../unit-tests/sass/function-zen-unit-width.scss   |  32 +++++
 .../templates/unit-tests/sass/zen-clear.scss       |  26 ++++
 .../templates/unit-tests/sass/zen-float.scss       |  26 ++++
 .../unit-tests/sass/zen-grid-container.scss        |  27 ++++
 .../unit-tests/sass/zen-grid-flow-item.scss        |  60 +++++++++
 .../unit-tests/sass/zen-grid-item-base.scss        |  54 ++++++++
 .../templates/unit-tests/sass/zen-grid-item.scss   |  57 +++++++++
 .../unit-tests/sass/zen-nested-container.scss      |  27 ++++
 .../test-results/function-zen-direction-flip.css   |  17 +++
 .../test-results/function-zen-grid-item-width.css  |  19 +++
 .../test-results/function-zen-half-gutter.css      |  25 ++++
 .../test-results/function-zen-unit-width.css       |  19 +++
 .../unit-tests/test-results/zen-clear.css          |  17 +++
 .../unit-tests/test-results/zen-float.css          |  17 +++
 .../unit-tests/test-results/zen-grid-container.css |  49 ++++++++
 .../unit-tests/test-results/zen-grid-flow-item.css | 132 ++++++++++++++++++++
 .../unit-tests/test-results/zen-grid-item-base.css |  73 +++++++++++
 .../unit-tests/test-results/zen-grid-item.css      |  59 +++++++++
 .../test-results/zen-nested-container.css          |  24 ++++
 29 files changed, 1191 insertions(+)
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/project/example.html
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/project/layout.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/project/manifest.rb
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/project/styles.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/README.txt
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/manifest.rb
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css
 create mode 100644 97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css

(limited to '97suifangqa/sass/sass-extensions/zen-grids/templates')

diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss
new file mode 100644
index 0000000..d295958
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/common.scss
@@ -0,0 +1,57 @@
+// Ideally, variables should be initialized in a partial. We're setting it here
+// to make the mixin usage more transparent.
+$gutter-width: 10px;
+
+
+// Skip link styling
+#skip-link {
+  margin: 0;
+
+  a,
+  a:visited {
+    display: block;
+    width: 100%;
+    padding: 2px 0 3px 0;
+    text-align: center;
+    background-color: #666;
+    color: #fff;
+  }
+}
+
+// Set a consistent padding around all containers
+#header,
+#content,
+#main-menu,
+#aside1,
+#aside2,
+#footer {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: $gutter-width;
+}
+
+// Alternate border styling
+#header,
+#main-menu,
+#aside2 {
+  border: 1px solid #ccc;
+}
+#content,
+#aside1,
+#footer {
+  border: 1px solid #09f;
+}
+
+// Source-order meta info
+header h1,
+header h2 {
+  display: inline;
+}
+header p {
+  display: inline;
+  text-transform: uppercase;
+  font-size: 0.8em;
+  color: #c00;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/project/example.html b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/example.html
new file mode 100644
index 0000000..38e798c
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/example.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Zen Grids: sample usage</title>
+  <link rel="stylesheet" href="stylesheets/styles.css" media="all">
+</head>
+<body>
+
+<p id="skip-link">
+<a href="#main-menu">Jump to main menu</a>
+</p>
+
+<header id="header">
+  <h1>Zen Grids: sample usage</h1>
+</header>
+
+<div id="main">
+
+  <article id="content" role="main">
+    <header>
+      <h1>Main content</h1>
+      <p>Source order: 1</p>
+    </header>
+    <aside>‘There’s no such thing!’</aside>
+    <p>Alice did not quite know what to say to this: so she helped herself to some tea and bread-and-butter, and then turned to the Dormouse, and repeated her question. ‘Why did they live at the bottom of a well?’</p>
+    <p>The Dormouse again took a minute or two to think about it, and then said, ‘It was a treacle-well.’</p>
+    <p>‘There’s no such thing!’ Alice was beginning very angrily, but the Hatter and the March Hare went ‘Sh! sh!’ and the Dormouse sulkily remarked, ‘If you can’t be civil, you’d better finish the story for yourself.’</p>
+    <p>‘No, please go on!’ Alice said very humbly; ‘I won’t interrupt again. I dare say there may be ONE.’</p>
+  </article>
+
+  <nav id="main-menu" role="navigation">
+    <header>
+      <h2>Menu</h2>
+      <p>Source order: 2</p>
+    </header>
+    <a href="#">Alice</a> ★
+    <a href="#">Mad Hatter</a> ★
+    <a href="#">The Queen</a> ★
+    <a href="#">Tom Petty</a>
+  </nav>
+
+  <aside id="aside1">
+    <header>
+      <h2>Aside</h2>
+      <p>Source order: 3</p>
+    </header>
+    <p>‘Have some wine,’ the March Hare said in an encouraging tone.</p>
+  </aside>
+
+  <aside id="aside2">
+    <header>
+      <h2>Aside</h2>
+      <p>Source order: 4</p>
+    </header>
+    <p>‘Please would you tell me,’ said Alice, a little timidly, for she was not quite sure whether it was good manners for her to speak first, ‘why your cat grins like that?’</p>
+    <p>‘It’s a Cheshire cat,’ said the Duchess, ‘and that’s why. Pig!’</p>
+  </aside>
+
+</div>
+
+<footer id="footer">
+  <small>© 2012. The small print.</small>
+</footer>
+
+</body>
+</html>
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/project/layout.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/layout.scss
new file mode 100644
index 0000000..73a9242
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/layout.scss
@@ -0,0 +1,137 @@
+// Ideally, variables should be initialized in a partial. We're setting
+// variables here to make the mixin usage more transparent.
+$legacy-support-for-ie6: false;
+$legacy-support-for-ie7: false;
+
+// Import Zen Grids.
+@import "zen";
+
+$zen-column-count: 12;
+$zen-gutter-width: 20px;
+
+
+//
+// Skip link styling
+//
+@media all and (min-width: 480px) {
+  #skip-link a {
+    position: absolute !important;
+    height: 1px;
+    width: 1px;
+    overflow: hidden;
+    @if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
+      clip: rect(1px 1px 1px 1px); // IE6 and IE7 use the wrong syntax.
+    }
+    clip: rect(1px, 1px, 1px, 1px);
+
+    &:active,
+    &:focus {
+      position: static !important;
+      clip: auto;
+      height: auto;
+      width: auto;
+      overflow: auto;
+    }
+  }
+}
+
+#header,
+#main,
+#footer {
+  margin: {
+    left: auto;
+    right: auto;
+  }
+  max-width: 1100px;
+}
+
+#main {
+  @include zen-grid-container();
+}
+
+#content aside {
+  font-weight: bold;
+  font-style: italic;
+  font-size: 1.2em;
+  @include zen-grid-flow-item(1, 3);
+  float: left;
+  margin: {
+    top: (1em/1.2);
+    bottom: (1em/1.2);
+  }
+}
+
+//
+// Horizontal navigation bar
+@media all and (min-width: 480px) {
+  $zen-column-count: 1;
+  $navbar-height: 4em;
+
+  #main {
+    padding-top: $navbar-height;
+  }
+  #main-menu {
+    @include zen-grid-item(1, 1);
+    margin-top: -$navbar-height;
+    height: $navbar-height;
+  }
+}
+
+@media all and (min-width: 480px) and (max-width: 639px) {
+  $zen-column-count: 2;
+
+  #content {
+    @include zen-grid-item(2, 1);
+  }
+  #aside1 {
+    @include zen-clear(); // Clear left-floated elements (#content)
+    @include zen-grid-item(1, 1);
+  }
+  #aside2 {
+    @include zen-grid-item(1, 2);
+  }
+}
+
+@media all and (min-width: 640px) and (max-width: 799px) {
+  $zen-column-count: 3;
+
+  #content {
+    @include zen-grid-item(2, 1);
+  }
+  #aside1 {
+    @include zen-grid-item(1, 1, right); // Position from the right
+  }
+  #aside2 {
+    @include zen-clear(); // Clear left-floated elements (#content)
+    @include zen-grid-item(2, 1);
+  }
+}
+
+@media all and (min-width: 800px) and (max-width: 959px) {
+  $zen-column-count: 3;
+
+  #content {
+    @include zen-grid-item(2, 1);
+  }
+  #aside1 {
+    @include zen-grid-item(1, 1, right); // Position from the right
+  }
+  #aside2 {
+    @include zen-clear(right); // Clear right-floated elements (#aside1)
+    @include zen-grid-item(1, 1, right);
+  }
+}
+
+@media all and (min-width: 960px) {
+  $zen-column-count: 5;
+
+  #content {
+    @include zen-grid-item(3, 2);
+  }
+  #aside1 {
+    @include zen-grid-item(1, 1);
+  }
+  #aside2 {
+    @include zen-grid-item(1, 5);
+  }
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/project/manifest.rb b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/manifest.rb
new file mode 100644
index 0000000..464cf51
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/manifest.rb
@@ -0,0 +1,22 @@
+description "The Zen Grids system."
+
+stylesheet 'common.scss', :media => 'all'
+stylesheet 'layout.scss', :media => 'all'
+stylesheet 'styles.scss', :media => 'all'
+
+html 'example.html'
+
+help %Q{
+Zen Grids is an intuitive, flexible grid system that leverages the natural source order of your content to make it easier to create fluid responsive designs. With an easy-to-use Sass mixin set, the Zen Grids system can be applied to an infinite number of layouts, including responsive, adaptive, fluid and fixed-width layouts. To learn more, visit:
+
+  http://zengrids.com
+}
+
+welcome_message %Q{
+You rock! The Zen Grids system is now installed on your computer. Go check out
+how to use the system at:
+
+  http://zengrids.com
+
+It's easy!
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/project/styles.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/styles.scss
new file mode 100644
index 0000000..8d80dc0
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/project/styles.scss
@@ -0,0 +1,3 @@
+// Aggregate all the stylesheets into one file.
+@import "common.scss";
+@import "layout.scss";
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/README.txt b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/README.txt
new file mode 100644
index 0000000..2efa8cd
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/README.txt
@@ -0,0 +1,16 @@
+UNIT TESTS FOR ZEN GRIDS
+------------------------
+
+To run the unit tests for Zen Grids:
+
+1. Create a "tests" Compass project using the unit-tests pattern:
+
+   compass create tests -r zen-grids --using=zen-grids/unit-tests
+
+2. From inside the "tests" project, compare the compiled stylesheets to the
+   previous unit test results in the test-results directory:
+
+   diff -r test-results/ stylesheets/
+
+   If the unit tests were successful, the above command should report no
+   differences.
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/manifest.rb b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/manifest.rb
new file mode 100644
index 0000000..43ce288
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/manifest.rb
@@ -0,0 +1,37 @@
+description "Unit tests for the Zen Grids system."
+
+stylesheet 'sass/function-zen-direction-flip.scss',  :media => 'all', :to => 'function-zen-direction-flip.scss'
+stylesheet 'sass/function-zen-grid-item-width.scss', :media => 'all', :to => 'function-zen-grid-item-width.scss'
+stylesheet 'sass/function-zen-half-gutter.scss',     :media => 'all', :to => 'function-zen-half-gutter.scss'
+stylesheet 'sass/function-zen-unit-width.scss',      :media => 'all', :to => 'function-zen-unit-width.scss'
+stylesheet 'sass/zen-clear.scss',                    :media => 'all', :to => 'zen-clear.scss'
+stylesheet 'sass/zen-float.scss',                    :media => 'all', :to => 'zen-float.scss'
+stylesheet 'sass/zen-grid-container.scss',           :media => 'all', :to => 'zen-grid-container.scss'
+stylesheet 'sass/zen-grid-flow-item.scss',           :media => 'all', :to => 'zen-grid-flow-item.scss'
+stylesheet 'sass/zen-grid-item-base.scss',           :media => 'all', :to => 'zen-grid-item-base.scss'
+stylesheet 'sass/zen-grid-item.scss',                :media => 'all', :to => 'zen-grid-item.scss'
+stylesheet 'sass/zen-nested-container.scss',         :media => 'all', :to => 'zen-nested-container.scss'
+
+file 'test-results/function-zen-direction-flip.css'
+file 'test-results/function-zen-grid-item-width.css'
+file 'test-results/function-zen-half-gutter.css'
+file 'test-results/function-zen-unit-width.css'
+file 'test-results/zen-clear.css'
+file 'test-results/zen-float.css'
+file 'test-results/zen-grid-container.css'
+file 'test-results/zen-grid-flow-item.css'
+file 'test-results/zen-grid-item-base.css'
+file 'test-results/zen-grid-item.css'
+file 'test-results/zen-nested-container.css'
+
+file 'README.txt'
+
+help %Q{
+To run the unit tests, simply run "compass compile" and compare the generated
+CSS to those in the results directory.
+  diff -r results css
+}
+
+welcome_message %Q{
+You rock! The unit tests for the Zen Grids system are now installed.
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss
new file mode 100644
index 0000000..26d9cbb
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss
@@ -0,0 +1,23 @@
+/**
+ * @file
+ * Test zen-direction-flip()
+ */
+
+@import "zen";
+
+#test-zen-direction-flip {
+  /* Test zen-direction-flip(left) */
+  float: zen-direction-flip(left);
+
+  /* Test zen-direction-flip(right) */
+  float: zen-direction-flip(right);
+
+  /* Test zen-direction-flip(both) */
+  float: zen-direction-flip(both);
+
+  /* Test zen-direction-flip(none) */
+  float: zen-direction-flip(none);
+
+  /* Test zen-direction-flip(invalid) */
+  float: zen-direction-flip(invalid);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss
new file mode 100644
index 0000000..520ba15
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss
@@ -0,0 +1,32 @@
+/**
+ * @file
+ * Test zen-grid-item-width()
+ */
+
+@import "zen";
+
+#test-zen-grid-item-width {
+  /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */
+  width: zen-grid-item-width(1);
+
+  /* Test zen-grid-item-width(2) with $zen-column-count: 5 */
+  $zen-column-count: 5;
+  width: zen-grid-item-width(2);
+  $zen-column-count: 1;
+
+  /* Test zen-grid-item-width(2, 5) */
+  width: zen-grid-item-width(2, 5);
+
+  /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
+  $zen-grid-width: 100px;
+  width: zen-grid-item-width(1);
+  $zen-grid-width: 100%;
+
+  /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
+  $zen-grid-width: 100px;
+  width: zen-grid-item-width(2, 5);
+  $zen-grid-width: 100%;
+
+  /* Test zen-grid-item-width(2, 5, 100px) */
+  width: zen-grid-item-width(2, 5, 100px);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss
new file mode 100644
index 0000000..e457884
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss
@@ -0,0 +1,37 @@
+/**
+ * @file
+ * Test zen-half-gutter()
+ */
+
+@import "zen";
+
+#test-zen-half-gutter {
+  /* Test zen-half-gutter() with default $zen-gutter-width: 20px */
+  padding-left: zen-half-gutter();
+
+  /* Test zen-half-gutter() with $zen-gutter-width: 30px */
+  $zen-gutter-width: 30px;
+  padding-left: zen-half-gutter();
+
+  /* Test zen-half-gutter(10em) */
+  padding-left: zen-half-gutter(10em);
+
+  /* Test zen-half-gutter(11em) */
+  padding-left: zen-half-gutter(11em);
+
+  /* Test zen-half-gutter(10px) */
+  padding-left: zen-half-gutter(10px);
+
+  /* Test zen-half-gutter(11px) */
+  padding-left: zen-half-gutter(11px);
+
+  /* Test zen-half-gutter(11px, right) */
+  padding-left: zen-half-gutter(11px, right);
+
+  /* Test zen-half-gutter(11px) with $zen-float-direction: right */
+  $zen-float-direction: right;
+  padding-left: zen-half-gutter(11px);
+
+  /* Test zen-half-gutter(11px, left) with $zen-float-direction: right */
+  padding-left: zen-half-gutter(11px, left);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss
new file mode 100644
index 0000000..0a89a8f
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss
@@ -0,0 +1,32 @@
+/**
+ * @file
+ * Test zen-unit-width()
+ */
+
+@import "zen";
+
+#test-zen-unit-width {
+  /* Test zen-unit-width() with default $zen-column-count: 1 */
+  width: zen-unit-width();
+
+  /* Test zen-unit-width() with $zen-column-count: 5 */
+  $zen-column-count: 5;
+  width: zen-unit-width();
+  $zen-column-count: 1;
+
+  /* Test zen-unit-width(5) */
+  width: zen-unit-width(5);
+
+  /* Test zen-unit-width() with $zen-grid-width: 100px */
+  $zen-grid-width: 100px;
+  width: zen-unit-width();
+  $zen-grid-width: 100%;
+
+  /* Test zen-unit-width(5) with $zen-grid-width: 100px */
+  $zen-grid-width: 100px;
+  width: zen-unit-width(5);
+  $zen-grid-width: 100%;
+
+  /* Test zen-unit-width(5, 100px) */
+  width: zen-unit-width(5, 100px);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss
new file mode 100644
index 0000000..9a63d7f
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss
@@ -0,0 +1,26 @@
+/**
+ * @file
+ * Test zen-clear()
+ */
+
+@import "zen";
+
+#test-zen-clear {
+  /* Test zen-clear() */
+  @include zen-clear();
+
+  /* Test zen-clear() with $zen-float-direction: right */
+  $zen-float-direction: right;
+  @include zen-clear();
+  $zen-float-direction: left;
+
+  /* Test zen-clear(left) */
+  @include zen-clear(left);
+
+  /* Test zen-clear(left, $reverse-all-floats: TRUE) */
+  @include zen-clear(left, $reverse-all-floats: TRUE);
+
+  /* Test zen-clear(left) with: $zen-reverse-all-floats: TRUE; */
+  $zen-reverse-all-floats: TRUE;
+  @include zen-clear(left);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss
new file mode 100644
index 0000000..2af83b2
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss
@@ -0,0 +1,26 @@
+/**
+ * @file
+ * Test zen-float()
+ */
+
+@import "zen";
+
+#test-zen-float {
+  /* Test zen-float() */
+  @include zen-float();
+
+  /* Test zen-float() with $zen-float-direction: right */
+  $zen-float-direction: right;
+  @include zen-float();
+  $zen-float-direction: left;
+
+  /* Test zen-float(left) */
+  @include zen-float(left);
+
+  /* Test zen-float(left, $reverse-all-floats: TRUE) */
+  @include zen-float(left, $reverse-all-floats: TRUE);
+
+  /* Test zen-float(left) with: $zen-reverse-all-floats: TRUE; */
+  $zen-reverse-all-floats: TRUE;
+  @include zen-float(left);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss
new file mode 100644
index 0000000..a3c7fd9
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss
@@ -0,0 +1,27 @@
+/**
+ * @file
+ * Test zen-grid-container()
+ */
+
+@import "zen";
+
+#test-zen-grid-container {
+  /* Test zen-grid-container() */
+  @include zen-grid-container();
+}
+
+#test-zen-grid-container-2 {
+  /* Test zen-grid-container() with $legacy-support-for-ie7: true */
+  $legacy-support-for-ie7: true;
+  @include zen-grid-container();
+  $legacy-support-for-ie7: false;
+}
+
+#test-zen-grid-container-3 {
+  /* Test zen-grid-container() with $legacy-support-for-ie6: true */
+  $legacy-support-for-ie6: true;
+  $legacy-support-for-ie7: true;
+  @include zen-grid-container();
+  $legacy-support-for-ie6: false;
+  $legacy-support-for-ie7: false;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss
new file mode 100644
index 0000000..5cbce1a
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss
@@ -0,0 +1,60 @@
+/**
+ * @file
+ * Test zen-grid-flow-item()
+ */
+
+@import "zen";
+
+#test-zen-grid-flow-item {
+  /* Test zen-grid-flow-item(1) without setting $column-count */
+  @include zen-grid-flow-item(1);
+
+  /* Test zen-grid-flow-item(1, 4) with 12 column grid and 20px gutter */
+  @include zen-grid-flow-item(1, 4);
+
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter */
+  $zen-gutter-width: 15px;
+  @include zen-grid-flow-item(1, 4);
+  $zen-gutter-width: 20px;
+
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */
+  $zen-gutter-width: 15px;
+  $zen-float-direction: right;
+  @include zen-grid-flow-item(1, 4);
+  $zen-gutter-width: 20px;
+  $zen-float-direction: left;
+
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */
+  $zen-gutter-width: 15px;
+  @include zen-grid-flow-item(1, 4, $alpha-gutter: true);
+  $zen-gutter-width: 20px;
+
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */
+  $zen-gutter-width: 15px;
+  @include zen-grid-flow-item(1, 4, $omega-gutter: false);
+  $zen-gutter-width: 20px;
+
+  /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */
+  @include zen-grid-flow-item(3, 4, $alpha-gutter: true);
+
+  /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */
+  @include zen-grid-flow-item(3, 4, $omega-gutter: false);
+
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */
+  $zen-gutter-width: 15px;
+  $zen-float-direction: right;
+  @include zen-grid-flow-item(1, 4, $alpha-gutter: true);
+  $zen-gutter-width: 20px;
+  $zen-float-direction: left;
+
+  /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */
+  $zen-gutter-width: 10%;
+  $zen-box-sizing: content-box;
+  @include zen-grid-flow-item(1, 4);
+  $zen-gutter-width: 20px;
+  $zen-box-sizing: border-box;
+
+  /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */
+  $zen-auto-include-flow-item-base: false;
+  @include zen-grid-flow-item(1, 4);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss
new file mode 100644
index 0000000..926ac42
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss
@@ -0,0 +1,54 @@
+/**
+ * @file
+ * Test zen-grid-item-base()
+ */
+
+@import "zen";
+
+#test-zen-grid-item-base {
+  /* Test zen-grid-item-base() */
+  @include zen-grid-item-base();
+
+  /* Test zen-grid-item-base() with $zen-box-sizing: content-box */
+  $zen-box-sizing: content-box;
+  @include zen-grid-item-base();
+  $zen-box-sizing: border-box;
+
+  /* Test zen-grid-item-base() with $legacy-support-for-ie7: true */
+  $legacy-support-for-ie7: true;
+  @include zen-grid-item-base();
+  $legacy-support-for-ie7: false;
+
+  /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie7: true */
+  $box-sizing-polyfill-path: "/boxsizing.htc";
+  $legacy-support-for-ie7: true;
+  @include zen-grid-item-base();
+  $box-sizing-polyfill-path: "";
+  $legacy-support-for-ie7: false;
+
+  /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie6: true */
+  $box-sizing-polyfill-path: "/boxsizing.htc";
+  $legacy-support-for-ie6: true;
+  @include zen-grid-item-base();
+  $box-sizing-polyfill-path: "";
+  $legacy-support-for-ie6: false;
+
+  /* Test zen-grid-item-base() with $zen-gutter-width: 15px */
+  $zen-gutter-width: 15px;
+  @include zen-grid-item-base();
+  $zen-gutter-width: 20px;
+
+  /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-float-direction: right */
+  $zen-gutter-width: 15px;
+  $zen-float-direction: right;
+  @include zen-grid-item-base();
+  $zen-gutter-width: 20px;
+  $zen-float-direction: left;
+
+  /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-reverse-all-floats: true */
+  $zen-gutter-width: 15px;
+  $zen-reverse-all-floats: true;
+  @include zen-grid-item-base();
+  $zen-gutter-width: 20px;
+  $zen-reverse-all-floats: false;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss
new file mode 100644
index 0000000..1309ce1
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss
@@ -0,0 +1,57 @@
+/**
+ * @file
+ * Test zen-grid-item()
+ */
+
+@import "zen";
+
+#test-zen-grid-item {
+  /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter */
+  $zen-column-count: 12;
+  @include zen-grid-item(6, 4);
+
+  /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */
+  $zen-column-count: 5;
+  $zen-gutter-width: 10%;
+  $zen-box-sizing: content-box;
+  @include zen-grid-item(3, 3);
+  $zen-box-sizing: border-box;
+
+  /* Turn off $zen-auto-include-item-base */
+  $zen-auto-include-item-base: false;
+
+  /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */
+  $zen-column-count: 5;
+  $zen-gutter-width: 40px;
+  @include zen-grid-item(3, 3);
+
+  /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter */
+  $zen-column-count: 5;
+  $zen-gutter-width: 40px;
+  @include zen-grid-item(3, 3, right);
+
+  /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter and $zen-reverse-all-floats */
+  $zen-column-count: 5;
+  $zen-gutter-width: 40px;
+  $zen-reverse-all-floats: true;
+  @include zen-grid-item(3, 3);
+  $zen-reverse-all-floats: false;
+
+  /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter and $zen-reverse-all-floats */
+  $zen-column-count: 5;
+  $zen-gutter-width: 40px;
+  $zen-reverse-all-floats: true;
+  @include zen-grid-item(3, 3, right);
+  $zen-reverse-all-floats: false;
+
+  /* Test zen-grid-item(3, 2.5) with 5 column grid and 40px gutter */
+  $zen-column-count: 5;
+  $zen-gutter-width: 40px;
+  @include zen-grid-item(3, 2.5);
+
+  /* Test zen-grid-item(3, 3) with $zen-grid-width: 1000px, 5 column grid and 40px gutter */
+  $zen-grid-width: 1000px;
+  $zen-column-count: 5;
+  $zen-gutter-width: 40px;
+  @include zen-grid-item(3, 3);
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss
new file mode 100644
index 0000000..ce4c8dd
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss
@@ -0,0 +1,27 @@
+/**
+ * @file
+ * Test zen-nested-container()
+ */
+
+@import "zen";
+
+#test-zen-nested-container {
+  /* Test zen-nested-container() */
+  @include zen-nested-container();
+}
+
+#test-zen-nested-container-2 {
+  /* Test zen-nested-container() with $legacy-support-for-ie7: true */
+  $legacy-support-for-ie7: true;
+  @include zen-nested-container();
+  $legacy-support-for-ie7: false;
+}
+
+#test-zen-nested-container-3 {
+  /* Test zen-nested-container() with $legacy-support-for-ie6: true */
+  $legacy-support-for-ie6: true;
+  $legacy-support-for-ie7: true;
+  @include zen-nested-container();
+  $legacy-support-for-ie6: false;
+  $legacy-support-for-ie7: false;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css
new file mode 100644
index 0000000..8330d8d
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css
@@ -0,0 +1,17 @@
+/**
+ * @file
+ * Test zen-direction-flip()
+ */
+/* line 8, ../sass/function-zen-direction-flip.scss */
+#test-zen-direction-flip {
+  /* Test zen-direction-flip(left) */
+  float: right;
+  /* Test zen-direction-flip(right) */
+  float: left;
+  /* Test zen-direction-flip(both) */
+  float: both;
+  /* Test zen-direction-flip(none) */
+  float: none;
+  /* Test zen-direction-flip(invalid) */
+  float: both;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css
new file mode 100644
index 0000000..402f5d8
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css
@@ -0,0 +1,19 @@
+/**
+ * @file
+ * Test zen-grid-item-width()
+ */
+/* line 8, ../sass/function-zen-grid-item-width.scss */
+#test-zen-grid-item-width {
+  /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */
+  width: 100%;
+  /* Test zen-grid-item-width(2) with $zen-column-count: 5 */
+  width: 40%;
+  /* Test zen-grid-item-width(2, 5) */
+  width: 40%;
+  /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
+  width: 100px;
+  /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
+  width: 40px;
+  /* Test zen-grid-item-width(2, 5, 100px) */
+  width: 40px;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css
new file mode 100644
index 0000000..6962c21
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css
@@ -0,0 +1,25 @@
+/**
+ * @file
+ * Test zen-half-gutter()
+ */
+/* line 8, ../sass/function-zen-half-gutter.scss */
+#test-zen-half-gutter {
+  /* Test zen-half-gutter() with default $zen-gutter-width: 20px */
+  padding-left: 10px;
+  /* Test zen-half-gutter() with $zen-gutter-width: 30px */
+  padding-left: 15px;
+  /* Test zen-half-gutter(10em) */
+  padding-left: 5em;
+  /* Test zen-half-gutter(11em) */
+  padding-left: 5.5em;
+  /* Test zen-half-gutter(10px) */
+  padding-left: 5px;
+  /* Test zen-half-gutter(11px) */
+  padding-left: 5px;
+  /* Test zen-half-gutter(11px, right) */
+  padding-left: 6px;
+  /* Test zen-half-gutter(11px) with $zen-float-direction: right */
+  padding-left: 5px;
+  /* Test zen-half-gutter(11px, left) with $zen-float-direction: right */
+  padding-left: 6px;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css
new file mode 100644
index 0000000..6b3db02
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css
@@ -0,0 +1,19 @@
+/**
+ * @file
+ * Test zen-unit-width()
+ */
+/* line 8, ../sass/function-zen-unit-width.scss */
+#test-zen-unit-width {
+  /* Test zen-unit-width() with default $zen-column-count: 1 */
+  width: 100%;
+  /* Test zen-unit-width() with $zen-column-count: 5 */
+  width: 20%;
+  /* Test zen-unit-width(5) */
+  width: 20%;
+  /* Test zen-unit-width() with $zen-grid-width: 100px */
+  width: 100px;
+  /* Test zen-unit-width(5) with $zen-grid-width: 100px */
+  width: 20px;
+  /* Test zen-unit-width(5, 100px) */
+  width: 20px;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css
new file mode 100644
index 0000000..0128bbe
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css
@@ -0,0 +1,17 @@
+/**
+ * @file
+ * Test zen-clear()
+ */
+/* line 8, ../sass/zen-clear.scss */
+#test-zen-clear {
+  /* Test zen-clear() */
+  clear: left;
+  /* Test zen-clear() with $zen-float-direction: right */
+  clear: right;
+  /* Test zen-clear(left) */
+  clear: left;
+  /* Test zen-clear(left, $reverse-all-floats: TRUE) */
+  clear: right;
+  /* Test zen-clear(left) with: $zen-reverse-all-floats: TRUE; */
+  clear: right;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css
new file mode 100644
index 0000000..ecf87cb
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css
@@ -0,0 +1,17 @@
+/**
+ * @file
+ * Test zen-float()
+ */
+/* line 8, ../sass/zen-float.scss */
+#test-zen-float {
+  /* Test zen-float() */
+  float: left;
+  /* Test zen-float() with $zen-float-direction: right */
+  float: right;
+  /* Test zen-float(left) */
+  float: left;
+  /* Test zen-float(left, $reverse-all-floats: TRUE) */
+  float: right;
+  /* Test zen-float(left) with: $zen-reverse-all-floats: TRUE; */
+  float: right;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css
new file mode 100644
index 0000000..614547c
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css
@@ -0,0 +1,49 @@
+/**
+ * @file
+ * Test zen-grid-container()
+ */
+/* line 8, ../sass/zen-grid-container.scss */
+#test-zen-grid-container {
+  /* Test zen-grid-container() */
+}
+/* line 52, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */
+#test-zen-grid-container:before, #test-zen-grid-container:after {
+  content: "";
+  display: table;
+}
+/* line 56, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */
+#test-zen-grid-container:after {
+  clear: both;
+}
+
+/* line 13, ../sass/zen-grid-container.scss */
+#test-zen-grid-container-2 {
+  /* Test zen-grid-container() with $legacy-support-for-ie7: true */
+  *position: relative;
+  *zoom: 1;
+}
+/* line 52, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */
+#test-zen-grid-container-2:before, #test-zen-grid-container-2:after {
+  content: "";
+  display: table;
+}
+/* line 56, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */
+#test-zen-grid-container-2:after {
+  clear: both;
+}
+
+/* line 20, ../sass/zen-grid-container.scss */
+#test-zen-grid-container-3 {
+  /* Test zen-grid-container() with $legacy-support-for-ie6: true */
+  *position: relative;
+  *zoom: 1;
+}
+/* line 52, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */
+#test-zen-grid-container-3:before, #test-zen-grid-container-3:after {
+  content: "";
+  display: table;
+}
+/* line 56, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */
+#test-zen-grid-container-3:after {
+  clear: both;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css
new file mode 100644
index 0000000..fd77ce6
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css
@@ -0,0 +1,132 @@
+/**
+ * @file
+ * Test zen-grid-flow-item()
+ */
+/* line 8, ../sass/zen-grid-flow-item.scss */
+#test-zen-grid-flow-item {
+  /* Test zen-grid-flow-item(1) without setting $column-count */
+  width: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-left: 0;
+  padding-right: 0px;
+  margin-right: 20px;
+  /* Test zen-grid-flow-item(1, 4) with 12 column grid and 20px gutter */
+  width: 25%;
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-left: 0;
+  padding-right: 15px;
+  margin-right: 5px;
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter */
+  width: 25%;
+  padding-left: 7px;
+  padding-right: 8px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-left: 0;
+  padding-right: 11.25px;
+  margin-right: 3.75px;
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */
+  width: 25%;
+  padding-left: 8px;
+  padding-right: 7px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-right: 0;
+  padding-left: 11.25px;
+  margin-left: 3.75px;
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */
+  width: 25%;
+  padding-left: 7px;
+  padding-right: 8px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-left: 0;
+  margin-left: 15px;
+  padding-right: 11.25px;
+  margin-right: 3.75px;
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */
+  width: 25%;
+  padding-left: 7px;
+  padding-right: 8px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-left: 0;
+  padding-right: 11.25px;
+  margin-right: -11.25px;
+  /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */
+  width: 75%;
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-left: 0;
+  margin-left: 20px;
+  padding-right: 5px;
+  margin-right: 15px;
+  /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */
+  width: 75%;
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-left: 0;
+  padding-right: 5px;
+  margin-right: -5px;
+  /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */
+  width: 25%;
+  padding-left: 8px;
+  padding-right: 7px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  padding-right: 0;
+  margin-right: 15px;
+  padding-left: 11.25px;
+  margin-left: 3.75px;
+  /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */
+  width: 15%;
+  padding-left: 5%;
+  padding-right: 5%;
+  border: 0 !important;
+  word-wrap: break-word;
+  padding-left: 0;
+  padding-right: 7.5%;
+  margin-right: 2.5%;
+  /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */
+  width: 25%;
+  padding-left: 0;
+  padding-right: 15px;
+  margin-right: 5px;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css
new file mode 100644
index 0000000..a3da5c2
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css
@@ -0,0 +1,73 @@
+/**
+ * @file
+ * Test zen-grid-item-base()
+ */
+/* line 8, ../sass/zen-grid-item-base.scss */
+#test-zen-grid-item-base {
+  /* Test zen-grid-item-base() */
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  /* Test zen-grid-item-base() with $zen-box-sizing: content-box */
+  padding-left: 10px;
+  padding-right: 10px;
+  border: 0 !important;
+  word-wrap: break-word;
+  /* Test zen-grid-item-base() with $legacy-support-for-ie7: true */
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie7: true */
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  *behavior: url("/boxsizing.htc");
+  /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie6: true */
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  *behavior: url("/boxsizing.htc");
+  _display: inline;
+  _overflow: hidden;
+  _overflow-y: visible;
+  /* Test zen-grid-item-base() with $zen-gutter-width: 15px */
+  padding-left: 7px;
+  padding-right: 8px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-float-direction: right */
+  padding-left: 8px;
+  padding-right: 7px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-reverse-all-floats: true */
+  padding-left: 8px;
+  padding-right: 7px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css
new file mode 100644
index 0000000..c01b74f
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css
@@ -0,0 +1,59 @@
+/**
+ * @file
+ * Test zen-grid-item()
+ */
+/* line 8, ../sass/zen-grid-item.scss */
+#test-zen-grid-item {
+  /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter */
+  float: left;
+  width: 50%;
+  margin-left: 25%;
+  margin-right: -75%;
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+  /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */
+  float: left;
+  width: 50%;
+  margin-left: 40%;
+  margin-right: -100%;
+  padding-left: 5%;
+  padding-right: 5%;
+  border: 0 !important;
+  word-wrap: break-word;
+  /* Turn off $zen-auto-include-item-base */
+  /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */
+  float: left;
+  width: 60%;
+  margin-left: 40%;
+  margin-right: -100%;
+  /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter */
+  float: right;
+  width: 60%;
+  margin-right: 40%;
+  margin-left: -100%;
+  /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter and $zen-reverse-all-floats */
+  float: right;
+  width: 60%;
+  margin-right: 40%;
+  margin-left: -100%;
+  /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter and $zen-reverse-all-floats */
+  float: left;
+  width: 60%;
+  margin-left: 40%;
+  margin-right: -100%;
+  /* Test zen-grid-item(3, 2.5) with 5 column grid and 40px gutter */
+  float: left;
+  width: 60%;
+  margin-left: 30%;
+  margin-right: -90%;
+  /* Test zen-grid-item(3, 3) with $zen-grid-width: 1000px, 5 column grid and 40px gutter */
+  float: left;
+  width: 600px;
+  margin-left: 400px;
+  margin-right: -1000px;
+}
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css
new file mode 100644
index 0000000..030dc15
--- /dev/null
+++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css
@@ -0,0 +1,24 @@
+/**
+ * @file
+ * Test zen-nested-container()
+ */
+/* line 8, ../sass/zen-nested-container.scss */
+#test-zen-nested-container {
+  /* Test zen-nested-container() */
+  padding-left: 0;
+  padding-right: 0;
+}
+
+/* line 13, ../sass/zen-nested-container.scss */
+#test-zen-nested-container-2 {
+  /* Test zen-nested-container() with $legacy-support-for-ie7: true */
+  padding-left: 0;
+  padding-right: 0;
+}
+
+/* line 20, ../sass/zen-nested-container.scss */
+#test-zen-nested-container-3 {
+  /* Test zen-nested-container() with $legacy-support-for-ie6: true */
+  padding-left: 0;
+  padding-right: 0;
+}
-- 
cgit v1.2.2