Menu icon Foundation
Change grid-column-count on small breakpoint

Hi community,

I'm on Foundation 6 and i would like if i can change for only small breakpoint the grid-column-count value ? Example :

$grid-column-count-small: 4;
$grid-column-count: 12;

I use flex-grid.

Thank you !

flex grid

Hi community,

I'm on Foundation 6 and i would like if i can change for only small breakpoint the grid-column-count value ? Example :

$grid-column-count-small: 4;
$grid-column-count: 12;

I use flex-grid.

Thank you !

James Stone about 4 years ago

This is not possible the way you are trying to change the global sass variables.

The way to accomplish this is to use the breakpoints mixin and apply the grid mixin classes directly to your classes. Otherwise these settings are global.

Since 12 is divisible by 4, you are not gaining much by taking the time to do so. Just multiply your small columns by 3 and you will have a similar result.

Stéphane Richin about 4 years ago

Hi James,

Thank for response :)

Do you know if it's possible to generate my classes with grid mixin ?