| 1 |
/// Grid system |
| 2 |
// Generate semantic grid columns with these mixins. |
| 3 |
|
| 4 |
@mixin make-col($size, $columns: $grid-columns) { |
| 5 |
flex: 0 0 calc(100% * (#{$size} / #{$columns})); |
| 6 |
// Add a `max-width` to ensure content within each column does not blow out |
| 7 |
// the width of the column. Applies to IE10+ and Firefox. Chrome and Safari |
| 8 |
// do not appear to require this. |
| 9 |
max-width: calc(100% * (#{$size} / #{$columns})); |
| 10 |
} |
| 11 |
|
