Home / Function/ default.inset() — tailwindcss Function Reference

default.inset() — tailwindcss Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  efaf139c_207e_92e5_53ee_9a1c2c94c19f["default.inset()"]
  1b5321a5_0fcc_2351_1f22_0d4bed4c097e["default-theme.ts"]
  efaf139c_207e_92e5_53ee_9a1c2c94c19f -->|defined in| 1b5321a5_0fcc_2351_1f22_0d4bed4c097e
  style efaf139c_207e_92e5_53ee_9a1c2c94c19f 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'),
  }),

Domain

Subdomains

Frequently Asked Questions

What does default.inset() do?
default.inset() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/compat/default-theme.ts.
Where is default.inset() defined?
default.inset() is defined in packages/tailwindcss/src/compat/default-theme.ts at line 615.

Analyze Your Own Codebase

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

Try Supermodel Free