substituteAtSlot() — tailwindcss Function Reference

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

Function typescript OxideCore PreProcessors calls 3 called by 2

Entity Profile

OxideCore→ PreProcessors→ substituteAtSlot() — tailwindcss Function Reference

Dependency Diagram

graph TD
  6234f4ec_58fd_3072_8261_ee063767d897["substituteAtSlot()"]
  c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc["parseVariantValue()"]
  c0d9b918_4b8c_8efd_d0a2_c73e574b0ebc -->|calls| 6234f4ec_58fd_3072_8261_ee063767d897
  24c6462c_8059_28e8_4bfc_8d04c9da1c7e["fromAst()"]
  24c6462c_8059_28e8_4bfc_8d04c9da1c7e -->|calls| 6234f4ec_58fd_3072_8261_ee063767d897
  a32bba76_f60d_883f_1ff1_276a0bb9db9f["walk()"]
  6234f4ec_58fd_3072_8261_ee063767d897 -->|calls| a32bba76_f60d_883f_1ff1_276a0bb9db9f
  398eed5f_f4c5_4768_fc95_4c1df31be1f8["atRoot()"]
  6234f4ec_58fd_3072_8261_ee063767d897 -->|calls| 398eed5f_f4c5_4768_fc95_4c1df31be1f8
  c35acfc6_964d_737e_6ecc_275e6f10293a["atRule()"]
  6234f4ec_58fd_3072_8261_ee063767d897 -->|calls| c35acfc6_964d_737e_6ecc_275e6f10293a
  style 6234f4ec_58fd_3072_8261_ee063767d897 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
    }
  })
}