Skip to content

3.0.0

Compare
Choose a tag to compare
@frjo frjo released this 04 Apr 11:37
· 121 commits to main since this release

What's new in version 3

  • Implement modern CSS like flex, grid and variables throughout.
  • All sass variables now have a css variable version. All styles use the css variable version.
  • Defaults to a System-ui font stack (like GitHub and Stack overflow among others).
  • New setting params.internalPagination to use the Hugo built in pagination template instead of the plain Zen version.
  • New setting params.sassTranspiler. Defaults to "libsass" but "dartsass" is also supported.
  • Split sass "reset" dir into "base" dir and pure "reset" file.
  • Added margin top/bottom/block classes, mt--m/mb--m/mtb--m, for all "spacing" variables.
  • New sass components:
    • cards
    • center
    • disabled
    • flex-group
    • flex-inline
    • footer
    • grid-group
    • grid-stack
    • icon-inline
    • meta
    • spacing
    • stretch
    • tags
  • Remove all use of "typey" lib.
  • Remove unused/outdated components.
  • Only a few small changes to templates.

Upgrade to 3

  1. Update your projects _colors.scss to add the new colours.
  2. Update overridden variables in projects _extra.scss so they match changes in themes _variables.scss.
  3. Replace @include font-size(s); with font-size: var(--fs-s); etc.
  4. Replace @include typeface(headings); with font-family: var(--ff-headings); etc.
  5. Replace sass variables with css variables, e.g. $zen-gutters with var(--gutters).

New Contributors

Full Changelog: v2.5.2...v3.0.0