default.inset() — tailwindcss Function Reference

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

Function typescript Oxide Extractor

Entity Profile

Oxide→ Extractor→ default.inset() — tailwindcss Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/tailwindcss/src/compat/default-theme.ts lines 615–625

  inset: ({ theme }) => ({
    auto: 'auto',
    '1/2': '50%',
    '1/3': '33.333333%',
    '2/3': '66.666667%',
    '1/4': '25%',
    '2/4': '50%',
    '3/4': '75%',
    full: '100%',
    ...theme('spacing'),
  }),