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 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