4.2 #2445
Open
4.2 #2445
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
## Summary This PR adds comprehensive documentation for new CSS logical property utilities and typography features, expanding the utility library to support modern CSS writing modes and advanced typographic controls. ## Key Changes ### New Documentation Pages - **block-size.mdx** - Utilities for setting block size (vertical in horizontal writing modes) - Supports spacing scale values, percentages, viewport units, and custom values - Includes examples for fixed sizes, percentages, and viewport matching - **inline-size.mdx** - Utilities for setting inline size (horizontal in horizontal writing modes) - Supports spacing scale, container scale sizes, percentages, and viewport units - Demonstrates basic usage, percentage-based sizing, and container scale utilities - **min-block-size.mdx** - Minimum block size constraints - Complements block-size with minimum value utilities - Includes percentage and custom value support - **max-block-size.mdx** - Maximum block size constraints - Provides upper bounds for block sizing - Supports all standard sizing patterns - **min-inline-size.mdx** - Minimum inline size constraints - Works with container scale and spacing scale values - Includes percentage-based sizing examples - **max-inline-size.mdx** - Maximum inline size constraints - Container scale aware with resizable examples - Demonstrates practical use cases with real content - **font-feature-settings.mdx** - Advanced OpenType typography features - Enables small caps, oldstyle numbers, and other OpenType features - Supports CSS variable integration ### Updated Documentation - **border-width.mdx** - Added logical border properties - `border-bs` (border-block-start-width) - `border-be` (border-block-end-width) - **margin.mdx** - Added logical margin properties - `mbs` (margin-block-start) - `mbe` (margin-block-end) - **padding.mdx** - Added logical padding properties - `pbs` (padding-block-start) - `pbe` (padding-block-end) ## Implementation Details - All new utilities follow the existing documentation pattern with API tables, examples, and customization guides - Logical properties enable better support for international layouts and writing modes - Examples use interactive components (Figure, Example) to demonstrate behavior - Documentation includes responsive design patterns and custom value usage - Container scale utilities leverage CSS custom properties for consistent sizing https://claude.ai/code/session_01Bk3BP9UAfSwLog9pxvBzSw --------- Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR is an umbrella PR for documenting new features coming to Tailwind CSS v4.2.