Skip to content
This repository has been archived by the owner on Feb 22, 2019. It is now read-only.

Commit

Permalink
[Mixins: Multicolumn] Update function to give clarity to how multifun…
Browse files Browse the repository at this point in the history
…ction is implemented
  • Loading branch information
jonnygotham committed Jan 30, 2015
1 parent d95b6b7 commit 97eedb7
Showing 1 changed file with 7 additions and 5 deletions.
12 changes: 7 additions & 5 deletions mixins/_multi-column.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit 97eedb7

Please sign in to comment.