Home / Function/ rule() — tailwindcss Function Reference

rule() — tailwindcss Function Reference

Architecture documentation for the rule() function in ast.ts from the tailwindcss codebase.

Entity Profile

Dependency Diagram

graph TD
  08f33202_11d1_569a_e8df_de23eb987e2f["rule()"]
  112073d3_66c7_8610_9209_6e6a56fb828b["cssAstToPostCssAst()"]
  112073d3_66c7_8610_9209_6e6a56fb828b -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  c90ec073_0241_abd8_3427_8edf14bd20d2["postCssAstToCssAst()"]
  c90ec073_0241_abd8_3427_8edf14bd20d2 -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  5f3acb43_b93f_4293_caaa_25ba26d38178["substituteAtApply()"]
  5f3acb43_b93f_4293_caaa_25ba26d38178 -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  ec867cf3_916b_0d16_65ec_c715e69fee03["optimizeAst()"]
  ec867cf3_916b_0d16_65ec_c715e69fee03 -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  ad196438_55f7_af7b_1604_1d75c1c27d8e["buildPluginApi()"]
  ad196438_55f7_af7b_1604_1d75c1c27d8e -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  a073a4cd_758b_23aa_b3d4_216815e4dd3d["objectToAst()"]
  a073a4cd_758b_23aa_b3d4_216815e4dd3d -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  3ec7100d_c372_c98a_2ba0_9ec5e70f401d["parseVariantValue()"]
  3ec7100d_c372_c98a_2ba0_9ec5e70f401d -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  8bb120ad_8027_cede_007f_1d5351f7ca96["applyVariant()"]
  8bb120ad_8027_cede_007f_1d5351f7ca96 -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  552e707a_ccba_b2a6_5917_15f7a417896b["theme()"]
  552e707a_ccba_b2a6_5917_15f7a417896b -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  257c4715_dc91_0c7f_fce8_433a757d9ce6["parse()"]
  257c4715_dc91_0c7f_fce8_433a757d9ce6 -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  26086ff1_0d4f_fdb2_3fc4_d0c999f90a8c["parseCss()"]
  26086ff1_0d4f_fdb2_3fc4_d0c999f90a8c -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  7829d740_b77d_642a_6961_2b062dc27460["alphaReplacedShadowProperties()"]
  7829d740_b77d_642a_6961_2b062dc27460 -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  db4785ee_f9d4_d30c_c923_4237d7c754d9["alphaReplacedDropShadowProperties()"]
  db4785ee_f9d4_d30c_c923_4237d7c754d9 -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  7c96535c_85cb_d6bf_efe4_875fba595c4f["createVariants()"]
  7c96535c_85cb_d6bf_efe4_875fba595c4f -->|calls| 08f33202_11d1_569a_e8df_de23eb987e2f
  style 08f33202_11d1_569a_e8df_de23eb987e2f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/ast.ts lines 87–93

export function rule(selector: string, nodes: AstNode[] = []): StyleRule | AtRule {
  if (selector.charCodeAt(0) === AT_SIGN) {
    return parseAtRule(selector, nodes)
  }

  return styleRule(selector, nodes)
}

Subdomains

Frequently Asked Questions

What does rule() do?
rule() is a function in the tailwindcss codebase.
What does rule() call?
rule() calls 2 function(s): parseAtRule, styleRule.
What calls rule()?
rule() is called by 14 function(s): alphaReplacedDropShadowProperties, alphaReplacedShadowProperties, applyVariant, buildPluginApi, createVariants, cssAstToPostCssAst, objectToAst, optimizeAst, and 6 more.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free