group() — tailwindcss Function Reference

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

Function typescript OxideEngine Extractor calls 2 called by 2

Entity Profile

OxideEngine→ Extractor→ group() — tailwindcss Function Reference

Dependency Diagram

graph TD
  687e64a5_22c0_2f4f_117f_d39492284510["group()"]
  ff716ee9_bd1e_1568_4100_c1d5b3ab8daa["Variants"]
  687e64a5_22c0_2f4f_117f_d39492284510 -->|defined in| ff716ee9_bd1e_1568_4100_c1d5b3ab8daa
  2efa0a66_c375_c031_24ad_1f7509bb9b14["buildPluginApi()"]
  2efa0a66_c375_c031_24ad_1f7509bb9b14 -->|calls| 687e64a5_22c0_2f4f_117f_d39492284510
  c1a769fc_95ca_ceea_62f9_aedeeedf7c66["createVariants()"]
  c1a769fc_95ca_ceea_62f9_aedeeedf7c66 -->|calls| 687e64a5_22c0_2f4f_117f_d39492284510
  eb20f53e_1c6f_df36_499f_0b1c3fbca752["nextOrder()"]
  687e64a5_22c0_2f4f_117f_d39492284510 -->|calls| eb20f53e_1c6f_df36_499f_0b1c3fbca752
  e37ec412_58f3_7fbe_3589_99329ee9b910["set()"]
  687e64a5_22c0_2f4f_117f_d39492284510 -->|calls| e37ec412_58f3_7fbe_3589_99329ee9b910
  style 687e64a5_22c0_2f4f_117f_d39492284510 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
  }