tailwind-clamp 4.3.0 → 4.4.0

package/README.md

@@ -1,6 +1,8 @@
-# [Tailwind clamp 🗜️](https://nicolas-cusan.github.io/tailwind-clamp/)
+# [Tailwind clamp](https://nicolas-cusan.github.io/tailwind-clamp/)
 
-Leverage the the CSS `clamp` function in your [Tailwind CSS](https://tailwindcss.com/) project.
+**Fluid interfaces. From mobile to desktop.**
+
+[Tailwind CSS](https://tailwindcss.com/) plugin to build responsive interfaces that scale smoothly using CSS `clamp()` without breakpoint micromanagement.
 
 ## Features
 
@@ -10,6 +12,8 @@ Leverage the the CSS `clamp` function in your [Tailwind CSS](https://tailwindcss
 - Supports `text` values with multiple properties (`fontSize`, `lineHeight`, `letterSpacing`). If `lineHeight` is definded as a unitless number or a `calc()` function, the resulting value is calculated and converted to the `fontSize` unit.
 - Supports using Tailwind CSS theme values, arbitrary values or a combination.
 - Supports container queries.
+- Supports CSS custom properties (`--*`) as the target property, to store `clamp()` values in variables for reuse.
+- Supports defining clamped theme variables via `@theme { --clamp-*: start, end; }`.
 
 ## Requirements
 
@@ -97,7 +101,8 @@ You can use CSS custom properties (`--*`) as the target property to store a `cla
 clamp-[--variable-name,start,end]
 ```
 
-Only explicit CSS lengths (`px`, `rem`, `em`) are accepted as values — theme tokens and unitless numbers are not supported for custom properties.
+> [!NOTE]
+> Only explicit CSS lengths (`px`, `rem`, `em`) are accepted as values — theme tokens and unitless numbers are not supported for custom properties.
 
 #### Example
 
@@ -164,7 +169,8 @@ Or in custom CSS:
 }
 ```
 
-Only explicit CSS lengths (`px`, `rem`, `em`) are accepted — unitless numbers and theme tokens are not supported in theme variable definitions.
+> [!NOTE]
+> Only explicit CSS lengths (`px`, `rem`, `em`) are accepted — unitless numbers and theme tokens are not supported in theme variable definitions.
 
 ## Supported properties