Menu icon Foundation
Foundation 6 Heading sizes not recognized by settings.scss

Upgraded project to 6.1.1. through Codekit, now the heading sizes declared in the _settings.scss file are not being recognized.

Looking through the source map, they're still being defined/controlled by the _unit.scss:81 and _breakpoint.scss:138.

Changing the $header-sizes values in _settings.scss file has no effect.

Any thoughts on a fix?

Thank you!

typographyF6foundation 6headings

Upgraded project to 6.1.1. through Codekit, now the heading sizes declared in the _settings.scss file are not being recognized.

Looking through the source map, they're still being defined/controlled by the _unit.scss:81 and _breakpoint.scss:138.

Changing the $header-sizes values in _settings.scss file has no effect.

Any thoughts on a fix?

Thank you!

Daniel Lewandowski over 3 years ago

Recreated the project from scratch and am seeing the error is in _breakpoint.scss:138 and _base.scss:309.

Not sure what's causing the error. The settings I'm trying to use are:

$header-sizes: (
  small: (
    'h1': 24,
    'h2': 20,
    'h3': 19,
    'h4': 18,
    'h5': 17,
    'h6': 16,
  ),
  medium: (
    'h1': 74,
    'h2': 46,
    'h3': 29,
    'h4': 18,
    'h5': 18,
    'h6': 18,
  ),
);