Skip to content

Commit

Permalink
fix(grid): prevent .flex from growing instead of using max-width
Browse files Browse the repository at this point in the history
fixes #3470
  • Loading branch information
KaelWD committed Mar 7, 2018
1 parent 7d427c7 commit bc254d3
Showing 1 changed file with 2 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/stylus/components/_grid.styl
Original file line number Diff line number Diff line change
Expand Up @@ -71,13 +71,14 @@ for size, width in $grid-breakpoints
for n in (1..$grid-columns)
.flex.{size}{n}
flex-basis: (n / $grid-columns * 100)%
max-width: (n / $grid-columns * 100)%
flex-grow: 0

.flex.order-{size}{n}
order: n

for n in (0..$grid-columns)
.flex.offset-{size}{n}
// Offsets can only ever work in row layouts
margin-left: (n / $grid-columns * 100)%

.flex,
Expand Down

0 comments on commit bc254d3

Please sign in to comment.