tailwindcss-concentric@0.1.0

Minor Changes

• ded5491 Thanks @diip3sh! - First release.

  • rounded-concentric, with side, corner, logical (RTL-aware), explicit-gap (rounded-concentric-{n}) and elliptical (concentric-elliptical) variants, and --concentric-floor for a minimum radius. Nine stacked rounded elements are exact.
  • The gap includes the padding and border of a plain wrapper in between, the element's own margins (negative margins for media that bleeds to the edge), and the insets of absolute and fixed elements.
  • concentric-squircle: corner-shape: squircle with a gap scaled to match, in browsers that support corner-shape.
  • Logical classes follow dir="auto" and dir attributes at any depth in browsers with @scope, and three nested levels elsewhere.
  • npx tailwindcss-concentric audit [paths]: a dependency-free CLI that finds nested radii, hard-coded calc() radii, wrappers the plugin cannot see and a missing tailwind-merge setup, with a suggested class for each. It exits with 1 when it finds something, so it can run in CI.
  • tailwindcss-concentric/merge: a tailwind-merge plugin, so rounded-* and the concentric classes override each other.
  • Works with Tailwind CSS 4.0 and later. CI runs the browser suite against 4.0.0 and the latest release every week.