substituteAtSlot() — tailwindcss Function Reference

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

Function typescript CompilerEngine AstTransformation calls 3 called by 2

Entity Profile

CompilerEngine→ AstTransformation→ substituteAtSlot() — tailwindcss Function Reference

Dependency Diagram

graph TD
  944e28d2_f1e8_a026_2bfd_32c96ffb9e0d["substituteAtSlot()"]
  3ec7100d_c372_c98a_2ba0_9ec5e70f401d["parseVariantValue()"]
  3ec7100d_c372_c98a_2ba0_9ec5e70f401d -->|calls| 944e28d2_f1e8_a026_2bfd_32c96ffb9e0d
  43c6ae59_76f1_6f53_dfa2_f3151fd259d1["fromAst()"]
  43c6ae59_76f1_6f53_dfa2_f3151fd259d1 -->|calls| 944e28d2_f1e8_a026_2bfd_32c96ffb9e0d
  e9d556bc_f22d_356c_1bd2_27442c34b5c7["walk()"]
  944e28d2_f1e8_a026_2bfd_32c96ffb9e0d -->|calls| e9d556bc_f22d_356c_1bd2_27442c34b5c7
  b9f8f3ed_4296_2840_57dd_a1c25e0e5f52["atRoot()"]
  944e28d2_f1e8_a026_2bfd_32c96ffb9e0d -->|calls| b9f8f3ed_4296_2840_57dd_a1c25e0e5f52
  a9af385a_fd12_f1d8_7cf0_ccb9b281ca18["atRule()"]
  944e28d2_f1e8_a026_2bfd_32c96ffb9e0d -->|calls| a9af385a_fd12_f1d8_7cf0_ccb9b281ca18
  style 944e28d2_f1e8_a026_2bfd_32c96ffb9e0d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/variants.ts lines 1195–1208

export function substituteAtSlot(ast: AstNode[], nodes: AstNode[]) {
  walk(ast, (node) => {
    // Replace `@slot` with rule nodes
    if (node.kind === 'at-rule' && node.name === '@slot') {
      return WalkAction.ReplaceSkip(nodes)
    }

    // Wrap `@keyframes` and `@property` in `AtRoot` nodes
    else if (node.kind === 'at-rule' && (node.name === '@keyframes' || node.name === '@property')) {
      Object.assign(node, atRoot([atRule(node.name, node.params, node.nodes)]))
      return WalkAction.Skip
    }
  })
}