added columns support and tests.

stylus · Jul 26, 2011 · d32e382 · d32e382
1 parent af89f39
commit d32e382
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 6 deletions.
diff --git a/lib/nib/vendor.styl b/lib/nib/vendor.styl
@@ -50,18 +50,39 @@ column-gap()
   vendor('column-gap', arguments)
 
 /*
- * Vendor "background-size" support.
+ * Vendor "column-rule" support.
  */
 
-background-size()
-  vendor('background-size', arguments)
+column-rule()
+  vendor('column-rule', arguments)
 
 /*
- * Vendor "box-sizing" support.
+ * Vendor "column-rule-color" support.
  */
 
-box-sizing()
-  vendor('box-sizing', arguments)
+column-rule-color()
+  vendor('column-rule-color', arguments)
+
+/*
+ * Vendor "column-rule-width" support.
+ */
+
+column-rule-width()
+  vendor('column-rule-width', arguments)
+
+/*
+ * Vendor "column-rule-style" support.
+ */
+
+column-rule-style()
+  vendor('column-rule-style', arguments)
+
+/*
+ * Vendor "background-size" support.
+ */
+
+background-size()
+  vendor('background-size', arguments)
 
 /*
  * Vendor "transform" support.
@@ -128,6 +149,13 @@ opacity(n)
 whitespace()
   white-space: arguments
 
+/*
+ * Vendor "box-sizing" support.
+ */
+
+box-sizing()
+  vendor('box-sizing', arguments)
+
 /*
  * Vendor "box-orient" support.
  */

diff --git a/test/cases/vendor.css b/test/cases/vendor.css
@@ -60,6 +60,34 @@ button {
   -moz-animation: myAnimation 1s ease;
   animation: myAnimation 1s ease;
 }
+section {
+  -webkit-column-count: 2;
+  -moz-column-count: 2;
+  column-count: 2;
+  -webkit-column-rule: 1px solid #bbb;
+  -moz-column-rule: 1px solid #bbb;
+  column-rule: 1px solid #bbb;
+  -webkit-column-gap: 2em;
+  -moz-column-gap: 2em;
+  column-gap: 2em;
+}
+section {
+  -webkit-column-count: 2;
+  -moz-column-count: 2;
+  column-count: 2;
+  -webkit-column-rule-width: 1px;
+  -moz-column-rule-width: 1px;
+  column-rule-width: 1px;
+  -webkit-column-rule-style: solid;
+  -moz-column-rule-style: solid;
+  column-rule-style: solid;
+  -webkit-column-rule-color: #bbb;
+  -moz-column-rule-color: #bbb;
+  column-rule-color: #bbb;
+  -webkit-column-gap: 2em;
+  -moz-column-gap: 2em;
+  column-gap: 2em;
+}
 button {
   -o-transition: all 0.1s ease-in-out 1s;
   -webkit-transition: all 0.1s ease-in-out 1s;

diff --git a/test/cases/vendor.styl b/test/cases/vendor.styl
@@ -35,6 +35,18 @@ button
 button
   animation: myAnimation 1s ease;
 
+section
+  column-count: 2;
+  column-rule: 1px solid #bbb;
+  column-gap: 2em;
+
+section
+  column-count: 2;
+  column-rule-width: 1px;
+  column-rule-style: solid;
+  column-rule-color: #bbb;
+  column-gap: 2em;
+
 prepend(vendor-prefixes, o)
 
 button