Menu icon Foundation
How to use responsive gutter values in css?

Hi,
With Sass, how could I apply the $grid-column-responsive-gutter values to top and bottom padding of a column?
Thanks…

SassgridvariableResponsivegutter

Hi,
With Sass, how could I apply the $grid-column-responsive-gutter values to top and bottom padding of a column?
Thanks…

Rafi Benkual almost 4 years ago

I wouldn't use this variable because unless you specifically wanted the bottom padding to change based on screen size. Also the naming doesn't make sense since bottom spacing is not a gutter and it's padding vs margin.

I would make a new variable like $column-bottom-margin and use that instead.

Nicolas Morand almost 4 years ago

Thanks Rafi,
Indeed, I want the bottom padding to change based on screen size according to $column-bottom-margin… and I was wondering how to use responsive settings in my .scss files. But for the naming reason you're probably right to tell me to create a new variable.