Skip to content

@lekoarts/[email protected]
Compare
Choose a tag to compare
@github-actions github-actions released this 27 Apr 14:03
· 182 commits to main since this release
@lekoarts/[email protected]
bc63857
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Patch Changes

  • #1138 2b21e8a7 Thanks @renovate! - fix(deps): update minor and patch dependencies for gatsby-theme-jodie

  • #1164 27abea13 Thanks @LekoArts! - This theme had a fixed font-size of 18px on the <html> element. This is a bad accessibility practice.
    This explicitly set font-size is removed now.

    This will make the overall font sizes and spacing for the theme smaller (since all other font sizes and padding/margin are derived from the root font-size through rem).

    If you need the old font styles, you can adjust the fontSizes inside the Theme UI configuration.

    Currently, the fontSizes array inside the Theme UI configuration you're using is:

    const fontSizes = [
  "0.875rem",
  "1rem",
  "1.25rem",
  "1.5rem",
  "1.875rem",
  "2.25rem",
  "3rem",
  "4rem",
  "4.5rem",
];

    Previously, the font-size was set like this:

    html {
  font-size: 18px;
}

    So for the normal base of 16px, 18px is 1.125rem. So you could change it to this:

    const fontSizes = [
  "1rem",
  "1.125rem",
  "1.375rem",
  "1.625rem",
  "2rem",
  "2.375rem",
  "3.125rem",
  "4.125rem",
  "4.625rem",
];

  • #1164 27abea13 Thanks @LekoArts! - Move some global styles from <Global> component to Theme UI's styles.root. This makes it easier to modify those directly through the Theme UI config.

  • #1163 641c865d Thanks @LekoArts! - fix(gatsby-theme-jodie): Correct CSS for on custom pages

  • Updated dependencies [d3d85067]:

Assets 2
Loading