No description
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> |
||
|---|---|---|
| .github | ||
| crates | ||
| integrations | ||
| packages | ||
| patches | ||
| playgrounds | ||
| scripts | ||
| .gitignore | ||
| .prettierignore | ||
| Cargo.lock | ||
| Cargo.toml | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| rust-toolchain.toml | ||
| turbo.json | ||
| vitest.config.ts | ||
A utility-first CSS framework for rapidly building custom user interfaces.
Documentation
For full documentation, visit tailwindcss.com.
Community
For help, discussion about best practices, or feature ideas:
Discuss Tailwind CSS on GitHub
Contributing
If you're interested in contributing to Tailwind CSS, please read our contributing docs before submitting a pull request.