Menu icon Foundation
Can't change header-sizes correctly? F6

Hi, 

New to foundation, and trying this out. I can't seem to get H1 to change from its default size. 

This is in my _settings.scss:

$header-sizes: (
  small: (
    'h1': 48,
    'h2': 20,
    'h3': 19,
    'h4': 18,
    'h5': 17,
    'h6': 16,
  ),
  medium: (
    'h1': 85,
    'h2': 40,
    'h3': 31,
    'h4': 25,
    'h5': 20,
    'h6': 16,
  ),

);

 

What appears in my console is:

@media screen and (min-width: 40em)
h1 {
    font-size: 3rem;
}
h1 {
    font-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Cera PRO Medium", serif, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

How & where is the best place to change it? Thank you!

foundation6typography

Hi, 

New to foundation, and trying this out. I can't seem to get H1 to change from its default size. 

This is in my _settings.scss:

$header-sizes: (
  small: (
    'h1': 48,
    'h2': 20,
    'h3': 19,
    'h4': 18,
    'h5': 17,
    'h6': 16,
  ),
  medium: (
    'h1': 85,
    'h2': 40,
    'h3': 31,
    'h4': 25,
    'h5': 20,
    'h6': 16,
  ),

);

 

What appears in my console is:

@media screen and (min-width: 40em)
h1 {
    font-size: 3rem;
}
h1 {
    font-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Cera PRO Medium", serif, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

How & where is the best place to change it? Thank you!