From 538bbf2b4f9275727dc7ddc43a8a6d0c4e5c995d Mon Sep 17 00:00:00 2001
From: Tommy Chen <tommy351@gmail.com>
Date: Thu, 7 Nov 2013 00:48:21 +0800
Subject: [PATCH 1/2] Added avoid-column-break mixin Prevent column break
 within an element.

---
 lib/nib/column.styl | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 lib/nib/column.styl

diff --git a/lib/nib/column.styl b/lib/nib/column.styl
new file mode 100644
index 00000000..e0090523
--- /dev/null
+++ b/lib/nib/column.styl
@@ -0,0 +1,12 @@
+/*
+ * Prevent column break within an element.
+ *
+ * More info:
+ *   - http://www.w3.org/TR/css3-multicol/#break-inside
+ *   - http://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element
+ */
+avoid-column-break()
+  vendor("column-break-inside", avoid, only: webkit)
+  page-break-inside: avoid // for firefox
+  overflow: hidden // fix for firefox
+  break-inside: avoid-column
\ No newline at end of file

From 7e2bd7a0c0035863bc8f9c0109821baf32565ea5 Mon Sep 17 00:00:00 2001
From: Tommy Chen <tommy351@gmail.com>
Date: Thu, 28 Nov 2013 20:43:21 +0800
Subject: [PATCH 2/2] Add test for "avoid-column-break" mixin

---
 test/cases/column.css  | 6 ++++++
 test/cases/column.styl | 5 +++++
 2 files changed, 11 insertions(+)
 create mode 100644 test/cases/column.css
 create mode 100644 test/cases/column.styl

diff --git a/test/cases/column.css b/test/cases/column.css
new file mode 100644
index 00000000..06a8f233
--- /dev/null
+++ b/test/cases/column.css
@@ -0,0 +1,6 @@
+#foo {
+  -webkit-column-break-inside: avoid;
+  page-break-inside: avoid;
+  overflow: hidden;
+  break-inside: avoid-column;
+}
\ No newline at end of file
diff --git a/test/cases/column.styl b/test/cases/column.styl
new file mode 100644
index 00000000..1068af1d
--- /dev/null
+++ b/test/cases/column.styl
@@ -0,0 +1,5 @@
+@import 'nib/vendor'
+@import 'nib/column'
+
+#foo
+  avoid-column-break()
\ No newline at end of file