From 97eedb7d0a00edcdd51092c1721fe2050c1be8e6 Mon Sep 17 00:00:00 2001 From: Gotham Date: Fri, 30 Jan 2015 15:17:29 -0500 Subject: [PATCH] [Mixins: Multicolumn] Update function to give clarity to how multifunction is implemented --- mixins/_multi-column.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/mixins/_multi-column.scss b/mixins/_multi-column.scss index 4f3bc1b..e5ffc2b 100644 --- a/mixins/_multi-column.scss +++ b/mixins/_multi-column.scss @@ -13,12 +13,14 @@ CSS-Tricks for Responsive CSS Columns: http://css-tricks.com/guide-responsive-fr // Multi-Column Container Creation // Builds container to flow content into multiple columns. Externally, a height -// is required on the container for functionality +// is required on the container for functionality. Column size is ultimately +// determined by the browser, distributing and accounting for available space +// and gutters, but min_column_size determines how many can fit *at minimum* // ............................................... -@mixin multi-column-container($column_num: 2, $column_size: 50%, $gutter_size: 1rem) { - -webkit-columns: $column_num $column_size; - -moz-columns: $column_num $column_size; - columns: $column_num $column_size; +@mixin multi-column-container($column_num: 2, $min_column_size: 25%, $gutter_size: 1rem) { + -webkit-columns: $column_num $min_column_size; + -moz-columns: $column_num $min_column_size; + columns: $column_num $min_column_size; -webkit-column-gap: $gutter_size; -moz-column-gap: $gutter_size; column-gap: $gutter_size;