substituteAtSlot() — tailwindcss Function Reference

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

Function typescript OxideEngine PreProcessors calls 3 called by 2

Entity Profile

OxideEngine→ PreProcessors→ substituteAtSlot() — tailwindcss Function Reference

Dependency Diagram

graph TD
  852badc5_8e84_ea07_33ee_dc57e83d550c["substituteAtSlot()"]
  db9eae47_695c_23c3_68bd_bae5bb363efe["variants.ts"]
  852badc5_8e84_ea07_33ee_dc57e83d550c -->|defined in| db9eae47_695c_23c3_68bd_bae5bb363efe
  e4fb3115_ed56_fc92_888c_5174adbc3ff5["parseVariantValue()"]
  e4fb3115_ed56_fc92_888c_5174adbc3ff5 -->|calls| 852badc5_8e84_ea07_33ee_dc57e83d550c
  34338b14_fec6_6308_0fd7_15af8d4da01b["fromAst()"]
  34338b14_fec6_6308_0fd7_15af8d4da01b -->|calls| 852badc5_8e84_ea07_33ee_dc57e83d550c
  ed78da58_8727_ad98_120c_61f35cea357a["walk()"]
  852badc5_8e84_ea07_33ee_dc57e83d550c -->|calls| ed78da58_8727_ad98_120c_61f35cea357a
  04953c5c_51e1_25ee_0e61_539631b1aaa9["atRoot()"]
  852badc5_8e84_ea07_33ee_dc57e83d550c -->|calls| 04953c5c_51e1_25ee_0e61_539631b1aaa9
  f9b19679_c1f0_28d6_4d1a_31a10c52e42d["atRule()"]
  852badc5_8e84_ea07_33ee_dc57e83d550c -->|calls| f9b19679_c1f0_28d6_4d1a_31a10c52e42d
  style 852badc5_8e84_ea07_33ee_dc57e83d550c 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
    }
  })
}