tailwindcss Architecture Docs
Home / Function/ default.maxWidth() — tailwindcss Function Reference

default.maxWidth() — tailwindcss Function Reference

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

Function typescript CompilerEngine AstTransformation

Entity Profile

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'),
  }),

Domain

Subdomains

Source

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free