diff --git a/frameworks/compass/stylesheets/compass/css3/_regions.scss b/frameworks/compass/stylesheets/compass/css3/_regions.scss index 95092d2e..2dda3533 100644 --- a/frameworks/compass/stylesheets/compass/css3/_regions.scss +++ b/frameworks/compass/stylesheets/compass/css3/_regions.scss @@ -1,7 +1,11 @@ @import "shared"; -// Add and utilize CSS regions for Webkit + IE. Experimental implementation. Limit to those two vendor prefixes until more stable. -// See http://css-tricks.com/content-folding/ and http://dev.w3.org/csswg/css3-regions/ for more info on use +// Webkit, IE10 and future support for [CSS Regions](http://dev.w3.org/csswg/css3-regions/) +// +// $target is a value you use to link two regions of your css. Give the source of your content the flow-into property, and give your target container the flow-from property. +// +// For a visual explanation, see the diagrams at Chris Coyier's +// [CSS-Tricks](http://css-tricks.com/content-folding/) @mixin flow-into($target) { @include experimental(flow-into, $target, @@ -10,7 +14,7 @@ } @mixin flow-from($target) { - @include experimental(flow-from, $target, + @include experimental(flow-from, $source, not -moz, -webkit, not -o, -ms, not -khtml, not official ); } \ No newline at end of file diff --git a/test/fixtures/stylesheets/compass/sass/regions.scss b/test/fixtures/stylesheets/compass/sass/regions.scss index 79a39c47..841cab4f 100644 --- a/test/fixtures/stylesheets/compass/sass/regions.scss +++ b/test/fixtures/stylesheets/compass/sass/regions.scss @@ -1,4 +1,4 @@ @import "compass/css3/regions"; .source { @include flow-into(target); } -.target { @include flow-from(source); } \ No newline at end of file +.target { @include flow-from(target); } \ No newline at end of file