functional() — tailwindcss Function Reference

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

Function typescript OxideCore Scanner calls 1 called by 1

Entity Profile

OxideCore→ Scanner→ functional() — tailwindcss Function Reference

Dependency Diagram

graph TD
  fe630661_7d59_11f5_d1e9_21b8908a2eb4["functional()"]
  c067616f_e276_458d_2166_c9f10e6fcc93["createVariants()"]
  c067616f_e276_458d_2166_c9f10e6fcc93 -->|calls| fe630661_7d59_11f5_d1e9_21b8908a2eb4
  34278c80_0fb5_dbdf_08de_b896b9703f2c["set()"]
  fe630661_7d59_11f5_d1e9_21b8908a2eb4 -->|calls| 34278c80_0fb5_dbdf_08de_b896b9703f2c
  style fe630661_7d59_11f5_d1e9_21b8908a2eb4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/variants.ts lines 112–124

  functional(
    name: string,
    applyFn: VariantFn<'functional'>,
    { compounds, order }: { compounds?: Compounds; order?: number } = {},
  ) {
    this.set(name, {
      kind: 'functional',
      applyFn,
      compoundsWith: Compounds.Never,
      compounds: compounds ?? Compounds.StyleRules,
      order,
    })
  }