tailwindcss Architecture Docs
Home / Function/ namespace() — tailwindcss Function Reference

namespace() — tailwindcss Function Reference

Architecture documentation for the namespace() function in theme.ts from the tailwindcss codebase.

Function typescript CompilerEngine AstTransformation called by 2

Entity Profile

Dependency Diagram

graph TD
  91679534_d150_0695_fd00_c41815eb6754["namespace()"]
  1176a137_5b06_095c_fa3b_a8db365b8b18["readFromCss()"]
  1176a137_5b06_095c_fa3b_a8db365b8b18 -->|calls| 91679534_d150_0695_fd00_c41815eb6754
  7c96535c_85cb_d6bf_efe4_875fba595c4f["createVariants()"]
  7c96535c_85cb_d6bf_efe4_875fba595c4f -->|calls| 91679534_d150_0695_fd00_c41815eb6754
  style 91679534_d150_0695_fd00_c41815eb6754 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/theme.ts lines 276–293

  namespace(namespace: string) {
    let values = new Map<string | null, string>()
    let prefix = `${namespace}-`

    for (let [key, value] of this.values) {
      if (key === namespace) {
        values.set(null, value.value)
      } else if (key.startsWith(`${prefix}-`)) {
        // Preserve `--` prefix for sub-variables
        // e.g. `--font-size-sm--line-height`
        values.set(key.slice(namespace.length), value.value)
      } else if (key.startsWith(prefix)) {
        values.set(key.slice(prefix.length), value.value)
      }
    }

    return values
  }

Domain

Subdomains

Called By

Source

Frequently Asked Questions

What does namespace() do?
namespace() is a function in the tailwindcss codebase.
What calls namespace()?
namespace() is called by 2 function(s): createVariants, readFromCss.

Analyze Your Own Codebase

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

Try Supermodel Free