WordPress / wporg-main-2022

A block-based child theme for WordPress.org, plus local environment
72 stars 26 forks source link

Add a reusable `fluid` function to the theme #272

Closed adamwoodnz closed 1 year ago

adamwoodnz commented 1 year ago

I used https://www.smashingmagazine.com/2022/01/modern-fluid-typography-css-clamp/ originally when creating the clamping functions for the About page.

The clamp tutorial from Smashing Magazine includes a reusable function.

Adding this would make it easier to both understand what parameters influence the clamp, and add new fluid styles in future.

Examples of original clamping functions: https://github.com/WordPress/wporg-main-2022/blob/trunk/source/wp-content/themes/wporg-main-2022/src/style/style.scss#L125 https://github.com/WordPress/wporg-main-2022/blob/trunk/source/wp-content/themes/wporg-main-2022/src/style/style.scss#L197 https://github.com/WordPress/wporg-main-2022/blob/trunk/source/wp-content/themes/wporg-main-2022/src/style/style.scss#L294