Home / Function/ layers() — tailwindcss Function Reference

layers() — tailwindcss Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  668f5374_db48_b9d6_46d9_c991d48ffb6c["layers()"]
  2ec0ecaf_3c01_fcc3_d0f0_05dbeae5f6e0["migrateAtLayerUtilities()"]
  2ec0ecaf_3c01_fcc3_d0f0_05dbeae5f6e0 -->|calls| 668f5374_db48_b9d6_46d9_c991d48ffb6c
  ade5a2c5_6e20_8190_921f_44e7e455abc0["split()"]
  ade5a2c5_6e20_8190_921f_44e7e455abc0 -->|calls| 668f5374_db48_b9d6_46d9_c991d48ffb6c
  d9577d99_2241_4593_bd78_c1c3df3153d6["util()"]
  d9577d99_2241_4593_bd78_c1c3df3153d6 -->|calls| 668f5374_db48_b9d6_46d9_c991d48ffb6c
  aa43ea12_7b1e_a0b6_b963_a4fcd9efa7c8["walkDepth()"]
  668f5374_db48_b9d6_46d9_c991d48ffb6c -->|calls| aa43ea12_7b1e_a0b6_b963_a4fcd9efa7c8
  style 668f5374_db48_b9d6_46d9_c991d48ffb6c 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
  }

Domain

Subdomains

Calls

Frequently Asked Questions

What does layers() do?
layers() is a function in the tailwindcss codebase.
What does layers() call?
layers() calls 1 function(s): walkDepth.
What calls layers()?
layers() is called by 3 function(s): migrateAtLayerUtilities, split, util.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free