Menu icon Foundation
header-lineheight return false value

Hi community,

 

I've update my project from F6.2 to F6.3. So i've upgrade my _settings, and when i compile my SCSS, the value of $header-lineheight is false.

 

Example :

$header-lineheight: rem-calc(44);
 

Output :

h1, h2 ... {
    line-height: 2 // 2.75rem
}

If i change the value, same problem.

Anyone have idea for this problem ?

 

Thank you !

settings header

Hi community,

 

I've update my project from F6.2 to F6.3. So i've upgrade my _settings, and when i compile my SCSS, the value of $header-lineheight is false.

 

Example :

$header-lineheight: rem-calc(44);
 

Output :

h1, h2 ... {
    line-height: 2 // 2.75rem
}

If i change the value, same problem.

Anyone have idea for this problem ?

 

Thank you !

Stéphane Richin almost 3 years ago

Hi Brett,

Thank you for the explanations, everything is clear now :)

Brett Mason almost 3 years ago

Hi Stéphane

In 6.3 typography was changed a little to allow for more control (see http://foundation.zurb.com/sites/docs/typography-base.html#header-styles)

Also line heights with a unitless are always returned.

What's happening in your case is your rem value you are passing (2.75rem) is being multiplied by the base font size (1 rem) and giving you a line height of 2.75.

Depending on what you want your line height set as, you could pass 44px as the value which would give you a line height of 1.83333.

Does that help? Sorry its hard to explain!