Menu icon Foundation
altering default row and grid

1.
i want a default for body copy of 15 pixels
in the _functions.scss - i have left the default $rem-base to 16px (so as not to mess up the grid)
then in _global.scss i set the _base-font-size to .9375em
is this correct to reset the copy but not disturb grid?

2.
on _grid.scss
the row-width is set to 1000px?
$row-width: rem-calc(1000) !default;

i am using .row at the top level of my structure and the page content max-width is 1356px
if i reset the row-width on _grid.scss
will this mess up the grid columns?

rowgrid

1.
i want a default for body copy of 15 pixels
in the _functions.scss - i have left the default $rem-base to 16px (so as not to mess up the grid)
then in _global.scss i set the _base-font-size to .9375em
is this correct to reset the copy but not disturb grid?

2.
on _grid.scss
the row-width is set to 1000px?
$row-width: rem-calc(1000) !default;

i am using .row at the top level of my structure and the page content max-width is 1356px
if i reset the row-width on _grid.scss
will this mess up the grid columns?

Rafi Benkual over 5 years ago

You want to make the changes in the setting file. From there you can change font size and adjust the grid.
Heres where https://www.evernote.com/shard/s304/sh/6ba36cf0-eda8-4797-9224-8aaf93c18890/5d0d6195da4aa3f5b0d555f0b1bf48af

roxanne sutton over 5 years ago

Rafi,
Excuse my novice. I am working with the latest foundation. I want to make sure i am changing the right files. i wondered why the setting file comes all commented out. But in the order of things, if i change the _settings.scss - then foundation.scss loads the _grid.scss partial after that, which would overwrite it.

here is a screenshot of https://www.evernote.com/shard/s3/sh/2e200f03-f8e3-463a-bd1a-3661e691e00f/0fec3baf8d197a302223ecf39223a14a