layers() — tailwindcss Function Reference

Architecture documentation for the layers() function in stylesheet.ts from the tailwindcss codebase.

Function typescript CommandLineInterface Renderer calls 1 called by 3

Entity Profile

CommandLineInterface→ Renderer→ layers() — tailwindcss Function Reference

Dependency Diagram

graph TD
  283bbe03_c84a_2fd0_18b3_45f5bfcaa273["layers()"]
  b9897393_3e36_7806_d172_b9debcd215f6["Stylesheet"]
  283bbe03_c84a_2fd0_18b3_45f5bfcaa273 -->|defined in| b9897393_3e36_7806_d172_b9debcd215f6
  9456daf3_1cee_2ab1_7f06_8dc2cedc967a["migrateAtLayerUtilities()"]
  9456daf3_1cee_2ab1_7f06_8dc2cedc967a -->|calls| 283bbe03_c84a_2fd0_18b3_45f5bfcaa273
  63b86c2b_0ad5_a37d_460f_17612cfec071["split()"]
  63b86c2b_0ad5_a37d_460f_17612cfec071 -->|calls| 283bbe03_c84a_2fd0_18b3_45f5bfcaa273
  970587d6_6035_b9f3_4f84_f37636213856["util()"]
  970587d6_6035_b9f3_4f84_f37636213856 -->|calls| 283bbe03_c84a_2fd0_18b3_45f5bfcaa273
  4d62cb69_cfb9_403f_9195_e15fea033042["walkDepth()"]
  283bbe03_c84a_2fd0_18b3_45f5bfcaa273 -->|calls| 4d62cb69_cfb9_403f_9195_e15fea033042
  style 283bbe03_c84a_2fd0_18b3_45f5bfcaa273 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/stylesheet.ts lines 136–152

  layers() {
    let layers = new Set<string>()

    for (let { item, path } of walkDepth(this, (sheet) => sheet.parents)) {
      if (item.parents.size > 0) {
        continue
      }

      for (let { meta } of path) {
        for (let layer of meta.layers) {
          layers.add(layer)
        }
      }
    }

    return layers
  }