Merge pull request #54 from leopic/addingSupportForColumnSpan

Adding support for `column-span`.

lib/compass/css3/_columns.scss

@@ -33,6 +33,14 @@
   );
 }
 
+// Specify how many columns an element should span across.
+// * legal values are none, 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,

test/css3/columnsSpec.js

@@ -0,0 +1,36 @@
+var render = require('../helper/render');
+var ruleset = require('../helper/ruleset');
+
+describe("CSS3 Columns", function () {
+
+    it("should generate column-span properties with value: `none`", function (done) {
+        var input = '@include column-span(none);',
+            expectation = '-webkit-column-span:none;-moz-column-span:none;-ms-column-span:none;-o-column-span:none;column-span:none';
+
+        render(ruleset(input), function(output, err) {
+            expect(output).toBe(ruleset(expectation));
+            done();
+        }, ['compass/css3/columns']);
+    });
+
+    it("should generate column-span properties with value: `all`", function (done) {
+        var input = '@include column-span(all);',
+            expectation = '-webkit-column-span:all;-moz-column-span:all;-ms-column-span:all;-o-column-span:all;column-span:all';
+
+        render(ruleset(input), function(output, err) {
+            expect(output).toBe(ruleset(expectation));
+            done();
+        }, ['compass/css3/columns']);
+    });
+
+    it("should generate column-span properties with invalid value", function (done) {
+        var input = '@include column-span(3);',
+            expectation = '-webkit-column-span:3;-moz-column-span:3;-ms-column-span:3;-o-column-span:3;column-span:3';
+
+        render(ruleset(input), function(output, err) {
+            expect(output).toBe(ruleset(expectation));
+            done();
+        }, ['compass/css3/columns']);
+    });
+
+});