default.maxWidth() — tailwindcss Function Reference

Architecture documentation for the default.maxWidth() function in default-theme.ts from the tailwindcss codebase.

Function typescript OxideEngine Extractor

Entity Profile

OxideEngine→ Extractor→ default.maxWidth() — tailwindcss Function Reference

Dependency Diagram

graph TD
  7b5a6892_1525_6b97_3242_d84d827233cc["default.maxWidth()"]
  1b5321a5_0fcc_2351_1f22_0d4bed4c097e["default-theme.ts"]
  7b5a6892_1525_6b97_3242_d84d827233cc -->|defined in| 1b5321a5_0fcc_2351_1f22_0d4bed4c097e
  style 7b5a6892_1525_6b97_3242_d84d827233cc fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/default-theme.ts lines 716–735

  maxWidth: ({ theme }) => ({
    none: 'none',
    xs: '20rem',
    sm: '24rem',
    md: '28rem',
    lg: '32rem',
    xl: '36rem',
    '2xl': '42rem',
    '3xl': '48rem',
    '4xl': '56rem',
    '5xl': '64rem',
    '6xl': '72rem',
    '7xl': '80rem',
    full: '100%',
    min: 'min-content',
    max: 'max-content',
    fit: 'fit-content',
    prose: '65ch',
    ...theme('spacing'),
  }),