functional() — tailwindcss Function Reference

Architecture documentation for the functional() function in utilities.ts from the tailwindcss codebase.

Function typescript OxideCore PreProcessors calls 1 called by 2

Entity Profile

OxideCore→ PreProcessors→ functional() — tailwindcss Function Reference

Dependency Diagram

graph TD
  b59acc90_1539_d78a_e82f_ff718b94e0f5["functional()"]
  5af2f27c_4323_fb62_14cc_5b4f717b4d2f["createCssUtility()"]
  5af2f27c_4323_fb62_14cc_5b4f717b4d2f -->|calls| b59acc90_1539_d78a_e82f_ff718b94e0f5
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d["buildPluginApi()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d -->|calls| b59acc90_1539_d78a_e82f_ff718b94e0f5
  143002c2_0d0e_8f60_a309_097512cbff95["get()"]
  b59acc90_1539_d78a_e82f_ff718b94e0f5 -->|calls| 143002c2_0d0e_8f60_a309_097512cbff95
  style b59acc90_1539_d78a_e82f_ff718b94e0f5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utilities.ts lines 109–111

  functional(name: string, compileFn: CompileFn<'functional'>, options?: UtilityOptions) {
    this.utilities.get(name).push({ kind: 'functional', compileFn, options })
  }