From a5c8858d27265ddac1e2664aa434899758bd181c Mon Sep 17 00:00:00 2001
From: Rachel Nabors <rachel@thepinkcrow.com>
Date: Tue, 1 May 2012 00:13:48 -0400
Subject: [PATCH] Adds reference for CSS Regions.

---
 .../examples/compass/css3/regions/markup.haml     |  2 +-
 .../examples/compass/css3/regions/stylesheet.sass |  8 ++------
 .../content/reference/compass/css3/regions.haml   | 15 +++++++++++++++
 3 files changed, 18 insertions(+), 7 deletions(-)
 create mode 100644 doc-src/content/reference/compass/css3/regions.haml

diff --git a/doc-src/content/examples/compass/css3/regions/markup.haml b/doc-src/content/examples/compass/css3/regions/markup.haml
index 9431aa1f..bb9d30e4 100644
--- a/doc-src/content/examples/compass/css3/regions/markup.haml
+++ b/doc-src/content/examples/compass/css3/regions/markup.haml
@@ -2,6 +2,6 @@
   %p
     This is the source material
 
-.target
+.new-container
   %p
     This is the target location
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/regions/stylesheet.sass b/doc-src/content/examples/compass/css3/regions/stylesheet.sass
index 47553e53..2fe10d07 100644
--- a/doc-src/content/examples/compass/css3/regions/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/regions/stylesheet.sass
@@ -2,16 +2,12 @@
 
 .source   
   +flow-into(target)
-
-.target 
-  +flow-from(source)
-
-.source
   border: 10px solid green
   margin: 20px
   width: 200px
 
-.target
+.new-container 
+  +flow-from(target)
   border: 10px solid red
   margin: 20px
   width: 200px
\ No newline at end of file
diff --git a/doc-src/content/reference/compass/css3/regions.haml b/doc-src/content/reference/compass/css3/regions.haml
new file mode 100644
index 00000000..b0551024
--- /dev/null
+++ b/doc-src/content/reference/compass/css3/regions.haml
@@ -0,0 +1,15 @@
+--- 
+title: Compass CSS Regions
+crumb: CSS Regions
+framework: compass
+stylesheet: compass/css3/_regions.scss
+meta_description: Specify CSS Regions for supported browsers.
+layout: core
+classnames:
+  - reference
+  - core
+  - css3
+---
+- render 'reference' do
+  %p
+    Provides a mixin for the CSS regions, properties which allow you to flow content into new containers. See <a href="http://dev.w3.org/csswg/css3-regions/">the spec draft</a> and <a href="http://labs.adobe.com/technologies/cssregions/">Adobe's page on the topic</a>. 
\ No newline at end of file