Skip to content

Incorrect font size calculation #12

@rogden

Description

@rogden

Following the documentation on the site, when setting the @base-font-size variable to your calculated body font size and calling the .font-size-rems() mixin, the incorrect font-size is being computed.

Steps:

  1. Set the @base-font-size variable to 14 (no units as stated in the docs)
  2. Set your body font-size to 87.5% (targeting a 14px font-size here)
  3. Set an h1 font-size property to .font-size-rems(24)
  4. Declare an h1 element in your markup
  5. Inspect the computed font size. It is 27px.

Expected:
The computed font size should be 24px;

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions