applyImportant() — tailwindcss Function Reference

Architecture documentation for the applyImportant() function in compile.ts from the tailwindcss codebase.

Function typescript OxideEngine PreProcessors called by 1

Entity Profile

OxideEngine→ PreProcessors→ applyImportant() — tailwindcss Function Reference

Dependency Diagram

graph TD
  ca093c73_8d7d_4f1b_08e7_2d3c0882a486["applyImportant()"]
  214bac69_e516_bea4_67fa_4e9e092ced3b["compile.ts"]
  ca093c73_8d7d_4f1b_08e7_2d3c0882a486 -->|defined in| 214bac69_e516_bea4_67fa_4e9e092ced3b
  e57db502_ed4e_4f14_1b2a_b25af3c0477d["compileAstNodes()"]
  e57db502_ed4e_4f14_1b2a_b25af3c0477d -->|calls| ca093c73_8d7d_4f1b_08e7_2d3c0882a486
  style ca093c73_8d7d_4f1b_08e7_2d3c0882a486 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compile.ts lines 309–323

function applyImportant(ast: AstNode[]): void {
  for (let node of ast) {
    // Skip any `AtRoot` nodes — we don't want to make the contents of things
    // like `@keyframes` or `@property` important.
    if (node.kind === 'at-root') {
      continue
    }

    if (node.kind === 'declaration') {
      node.important = true
    } else if (node.kind === 'rule' || node.kind === 'at-rule') {
      applyImportant(node.nodes)
    }
  }
}