Add logical sizing and typography utilities documentation

[adamwathan]

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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
tailwindcss-com	Ready	Preview, Comment	Jan 30, 2026 5:17pm