registerContainerCompat() — tailwindcss Function Reference

Architecture documentation for the registerContainerCompat() function in container.ts from the tailwindcss codebase.

Function typescript CompilerEngine AstTransformation calls 1 called by 1

Entity Profile

CompilerEngine→ AstTransformation→ registerContainerCompat() — tailwindcss Function Reference

Dependency Diagram

graph TD
  b5baf1fc_1222_c1c9_8f71_6bf5775586b4["registerContainerCompat()"]
  0f8ac574_990e_8595_a6ed_11422b8a8ec4["upgradeToFullPluginSupport()"]
  0f8ac574_990e_8595_a6ed_11422b8a8ec4 -->|calls| b5baf1fc_1222_c1c9_8f71_6bf5775586b4
  f9776eb1_2e39_1c04_0c09_5a1f1eec4204["buildCustomContainerUtilityRules()"]
  b5baf1fc_1222_c1c9_8f71_6bf5775586b4 -->|calls| f9776eb1_2e39_1c04_0c09_5a1f1eec4204
  style b5baf1fc_1222_c1c9_8f71_6bf5775586b4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/container.ts lines 6–20

export function registerContainerCompat(userConfig: ResolvedConfig, designSystem: DesignSystem) {
  let container = userConfig.theme.container || {}

  if (typeof container !== 'object' || container === null) {
    return
  }

  let rules = buildCustomContainerUtilityRules(container, designSystem)

  if (rules.length === 0) {
    return
  }

  designSystem.utilities.static('container', () => rules.map(cloneAstNode))
}