v4.1.0

New Feature

If you have --spacing-* variables declared in your @theme block, tailwindcss-logical will now generate utility classes with those variables for all spacing-related properties.

For example if you have the following declared in your CSS:

@theme {
  --spacing-name-here: calc(var(--spacing) * 35);
}

You can now use a class of class="bs-name-here" in your HTML, and tailwindcss-logical will generate the following utility class:

.bs-name-here {
  block-size: calc(var(--spacing) * 35);
}

This applies to all of the following: block-size, inline-size, inset, margin, max-block-size, max-inline-size, min-block-size, min-inline-size, padding, and space-b/space-i.

Many thanks to Mona Uppenkamp (@MUppenkamp) for the suggestion and for the initial implementation! This addresses #64.