property() — tailwindcss Function Reference

Architecture documentation for the property() function in utilities.ts from the tailwindcss codebase.

Function typescript OxideEngine Extractor calls 2

Entity Profile

OxideEngine→ Extractor→ property() — tailwindcss Function Reference

Dependency Diagram

graph TD
  50dd245d_99bd_79e4_0269_ad5867de62c6["property()"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97["utilities.ts"]
  50dd245d_99bd_79e4_0269_ad5867de62c6 -->|defined in| 2bc6f8eb_6339_d09c_79df_e9025a479c97
  f9b19679_c1f0_28d6_4d1a_31a10c52e42d["atRule()"]
  50dd245d_99bd_79e4_0269_ad5867de62c6 -->|calls| f9b19679_c1f0_28d6_4d1a_31a10c52e42d
  c203f636_607a_d332_b4c5_6a40c108f778["decl()"]
  50dd245d_99bd_79e4_0269_ad5867de62c6 -->|calls| c203f636_607a_d332_b4c5_6a40c108f778
  style 50dd245d_99bd_79e4_0269_ad5867de62c6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/utilities.ts lines 156–168

function property(ident: string, initialValue?: string, syntax?: string) {
  return atRule('@property', ident, [
    decl('syntax', syntax ? `"${syntax}"` : `"*"`),
    decl('inherits', 'false'),

    // If there's no initial value, it's important that we omit it rather than
    // use an empty value. Safari currently doesn't support an empty
    // `initial-value` properly, so we have to design how we use things around
    // the guaranteed invalid value instead, which is how `initial-value`
    // behaves when omitted.
    ...(initialValue ? [decl('initial-value', initialValue)] : []),
  ])
}