group() — tailwindcss Function Reference

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

Function typescript OxideCore Extractor calls 2 called by 2

Entity Profile

OxideCore→ Extractor→ group() — tailwindcss Function Reference

Dependency Diagram

graph TD
  7dd403fe_c2f0_f6ed_07d6_e4728ebdd9c0["group()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d["buildPluginApi()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d -->|calls| 7dd403fe_c2f0_f6ed_07d6_e4728ebdd9c0
  c067616f_e276_458d_2166_c9f10e6fcc93["createVariants()"]
  c067616f_e276_458d_2166_c9f10e6fcc93 -->|calls| 7dd403fe_c2f0_f6ed_07d6_e4728ebdd9c0
  3c46aba8_0c4e_5897_33b3_68f663ed70ff["nextOrder()"]
  7dd403fe_c2f0_f6ed_07d6_e4728ebdd9c0 -->|calls| 3c46aba8_0c4e_5897_33b3_68f663ed70ff
  34278c80_0fb5_dbdf_08de_b896b9703f2c["set()"]
  7dd403fe_c2f0_f6ed_07d6_e4728ebdd9c0 -->|calls| 34278c80_0fb5_dbdf_08de_b896b9703f2c
  style 7dd403fe_c2f0_f6ed_07d6_e4728ebdd9c0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/variants.ts lines 141–146

  group(fn: () => void, compareFn?: CompareFn) {
    this.groupOrder = this.nextOrder()
    if (compareFn) this.compareFns.set(this.groupOrder, compareFn)
    fn()
    this.groupOrder = null
  }