5395c7e764
## Summary This PR adds support for logical inset utilities that map to CSS logical properties: - `inset-s` → `inset-inline-start` - `inset-e` → `inset-inline-end` - `inset-bs` → `inset-block-start` - `inset-be` → `inset-block-end` These utilities complement the existing `inset-x` (inline) and `inset-y` (block) utilities, providing more granular control over positioning in a direction-aware manner. This aligns with CSS logical properties and improves support for internationalization (RTL/LTR languages). ### Changes 1. **property-order.ts**: Added `inset-block-start` and `inset-block-end` to the property ordering list to ensure consistent cascade ordering 2. **utilities.ts**: Added four new utility mappings for the logical inset properties 3. **utilities.test.ts**: Added comprehensive test coverage for all four new utilities, including: - Valid class generation with various value types (custom spacing, percentages, arbitrary values) - Negative value support - Invalid class rejection (malformed syntax, invalid modifiers) ## Test plan All changes are covered by unit tests in `utilities.test.ts`: - `inset-s` test: 8 valid classes + 13 invalid class assertions - `inset-e` test: 8 valid classes + 13 invalid class assertions - `inset-bs` test: 8 valid classes + 13 invalid class assertions - `inset-be` test: 8 valid classes + 13 invalid class assertions Each test verifies correct CSS output generation and proper rejection of malformed utilities. https://claude.ai/code/session_01JcYXVAMawRuntKatjku1WZ --------- Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: Robin Malfait <malfait.robin@gmail.com> |
||
|---|---|---|
| .. | ||
| @tailwindcss-browser | ||
| @tailwindcss-cli | ||
| @tailwindcss-node | ||
| @tailwindcss-postcss | ||
| @tailwindcss-standalone | ||
| @tailwindcss-upgrade | ||
| @tailwindcss-vite | ||
| @tailwindcss-webpack | ||
| internal-example-plugin | ||
| tailwindcss | ||
| tsconfig.base.json | ||