Skip to content

StyleMods v1.6.0

Latest

Choose a tag to compare

@pmbrown pmbrown released this 16 Jul 00:53

Updates

Base font size

I've removed the clamp(100%, 40% + 0.666vw, 140%) font-size values from the :where(html) typography style as an update to Chrome earlier this year introduced a problem when combining it with scrollbar-gutter: stable by calculating the font-size when opening up dialogs causing the page content to shift.

The font-sizes now just use the default body (1rem) and heading sizes as previously without the HTML clamp values adjusting it based on monitor size. I've also simplified the font-family down to 'system-ui' and moved the property values to from the :where(html) to the :where(body) style.

Visually the font-sizes are now significantly smaller on desktop view but do provide a truer representation of what the default sizes making them more consistent for customizing, and it's purely for these two reasons that I've bumped the release up to v1.6.0 with so few changes.

Containers

Brings the container sizes into line with the default breakpoint sizes included with the framework version, and makes them more consistent for commonly used screen resolutions.

  • Changed the '.container-xxl' size to 1536px (from 1920px)
  • Changed the '.container-xl' size to 1366px (from 1600px).