default.height() — tailwindcss Function Reference

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

Function typescript Oxide PreProcessors

Entity Profile

Oxide→ PreProcessors→ default.height() — tailwindcss Function Reference

Dependency Diagram

graph TD
  c4eafb0b_158b_2e25_6b92_1223436a9c45["default.height()"]
  4b9fb355_7055_4825_6db8_a5dd6f45c06e["default-theme.ts"]
  c4eafb0b_158b_2e25_6b92_1223436a9c45 -->|defined in| 4b9fb355_7055_4825_6db8_a5dd6f45c06e
  style c4eafb0b_158b_2e25_6b92_1223436a9c45 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/default-theme.ts lines 579–605

  height: ({ theme }) => ({
    auto: 'auto',
    '1/2': '50%',
    '1/3': '33.333333%',
    '2/3': '66.666667%',
    '1/4': '25%',
    '2/4': '50%',
    '3/4': '75%',
    '1/5': '20%',
    '2/5': '40%',
    '3/5': '60%',
    '4/5': '80%',
    '1/6': '16.666667%',
    '2/6': '33.333333%',
    '3/6': '50%',
    '4/6': '66.666667%',
    '5/6': '83.333333%',
    full: '100%',
    screen: '100vh',
    svh: '100svh',
    lvh: '100lvh',
    dvh: '100dvh',
    min: 'min-content',
    max: 'max-content',
    fit: 'fit-content',
    ...theme('spacing'),
  }),