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

default.translate() — tailwindcss Function Reference

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

Function typescript Oxide Extractor

Entity Profile

Dependency Diagram

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

Relationship Graph

Source Code

packages/tailwindcss/src/compat/default-theme.ts lines 1036–1045

  translate: ({ theme }) => ({
    '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

Defined In

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free