group() — tailwindcss Function Reference

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

Function typescript CompilerEngine ModuleResolution calls 2 called by 2

Entity Profile

CompilerEngine→ ModuleResolution→ group() — tailwindcss Function Reference

Dependency Diagram

graph TD
  3ea38218_2a7c_f912_d458_de38bb3579b6["group()"]
  ad196438_55f7_af7b_1604_1d75c1c27d8e["buildPluginApi()"]
  ad196438_55f7_af7b_1604_1d75c1c27d8e -->|calls| 3ea38218_2a7c_f912_d458_de38bb3579b6
  7c96535c_85cb_d6bf_efe4_875fba595c4f["createVariants()"]
  7c96535c_85cb_d6bf_efe4_875fba595c4f -->|calls| 3ea38218_2a7c_f912_d458_de38bb3579b6
  2b0dbe06_2831_8f0b_4be1_7341d5b885d8["nextOrder()"]
  3ea38218_2a7c_f912_d458_de38bb3579b6 -->|calls| 2b0dbe06_2831_8f0b_4be1_7341d5b885d8
  13f9b85f_58c4_5390_3b22_04d00b93361b["set()"]
  3ea38218_2a7c_f912_d458_de38bb3579b6 -->|calls| 13f9b85f_58c4_5390_3b22_04d00b93361b
  style 3ea38218_2a7c_f912_d458_de38bb3579b6 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
  }