github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Sorting out the targets from the sources.

Browse Source
This commit is contained in:
Rachel Nabors 2012-05-01 00:06:03 -04:00
parent 23e1155ad6
commit 55d9176b44
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frameworks/compass/stylesheets/compass/css3/_regions.scss
View File

@ -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
);
}

2
test/fixtures/stylesheets/compass/sass/regions.scss vendored
View File

@ -1,4 +1,4 @@
@import "compass/css3/regions";
.source { @include flow-into(target); }
.target { @include flow-from(source); }
.target { @include flow-from(target); }