Skip to content

0.3.700

Latest

Choose a tag to compare

@amirsaam amirsaam released this 05 Aug 21:16

Adds:

Divide utilities (borders)

  • divideX, divideYdivide-x, divide-y, divide-x-2, divide-x-reverse, plus .arbitrary
  • divideColordivide-gray-200, divide-red-600/50
  • divideStyledivide-solid, divide-dashed, divide-dotted, divide-double, divide-hidden, divide-none

Per-side border colors (borders)

  • .borderColor(.t, .gray.shade(200)) — directional colors via TWTBorderSide (all/x/y/t/r/b/l/s/e/bs/be): border-t-gray-200, border-x-blue, border-s-red-500/50
  • TWTBorderWidth now supports logical bs/be sides (border-bs-2, border-be-2)

Inset shadows (effects)

  • insetShadowinset-shadow-2xs/xs/sm/none plus .arbitrary

Combined size (sizing)

  • sizesize-4, size-full, size-1/2, size-px, viewport/logical variants, plus .arbitrary

Inset fractions (layout)

  • TWTInset.fraction("1/2") and .pxinset-1/2, left-px, etc. (no more .arbitrary("50%") workaround)

Overflow-wrap (typography)

  • overflowWrap — v4 wrap-normal, wrap-break-word, wrap-anywhere

Group / peer markers (variants)

  • .group(.bare) / .group(.named("item")) / .peer(.bare) / .peer(.named("email")) — emit group, group/item, peer, peer/email marker classes for group-*/peer-* variants

Fix:

  • Gradient direction tokens now emit Tailwind v4 bg-linear-to-* classes instead of the removed v3 bg-gradient-to-* (bg-linear-to-r, bg-linear-to-br, plus .arbitrary e.g. bg-linear-[65deg])

Docs:

  • README — gradient, borders, effects, sizing, layout, typography, and variants sections updated
  • AGENTS.md — marker token architecture + 0.3.xxx compatibility row

Full Changelog: 0.3.000...0.3.700