Added column-span

gamelodge · Jan 6, 2013 · d5f4717 · d5f4717
1 parent f464156
commit d5f4717
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/frameworks/compass/stylesheets/compass/css3/_columns.scss b/frameworks/compass/stylesheets/compass/css3/_columns.scss
@@ -32,6 +32,15 @@
   );
 }
 
+// Specify how many columns an element should span across.
+//
+// * legal values are 1, all
+@mixin column-span($columns) {
+	@include experimental(column-span, $columns,
+		-moz, -webkit, -o, -ms, not -khtml, official
+	);
+}
+
 // Specify the width of the rule between columns e.g. `1px`
 @mixin column-rule-width($width) {
   @include experimental(column-rule-width, $width,

diff --git a/test/fixtures/stylesheets/compass/css/columns.css b/test/fixtures/stylesheets/compass/css/columns.css
@@ -26,6 +26,13 @@
   -o-column-width: 90px;
   column-width: 90px; }
 
+.column-span {
+  -webkit-column-span: all;
+  -moz-column-span: all;
+  -ms-column-span: all;
+  -o-column-span: all;
+  column-span: all; }
+
 .column-rule-width {
   -webkit-column-rule-width: 1px;
   -moz-column-rule-width: 1px;

diff --git a/test/fixtures/stylesheets/compass/sass/columns.scss b/test/fixtures/stylesheets/compass/sass/columns.scss
@@ -4,6 +4,7 @@
 .column-count       { @include column-count(5);               }
 .column-gap         { @include column-gap(10px);              }
 .column-width       { @include column-width(90px);            }
+.column-span        { @include column-span(all);              }
 .column-rule-width  { @include column-rule-width(1px);        }
 .column-rule-style  { @include column-rule-style(dotted);     }
 .column-rule-color  { @include column-rule-color(blue);       }