quoteAttributeValue() — tailwindcss Function Reference

Architecture documentation for the quoteAttributeValue() function in variants.ts from the tailwindcss codebase.

Function typescript Oxide Scanner calls 1 called by 1

Entity Profile

Oxide→ Scanner→ quoteAttributeValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  56a97d4f_2830_b338_adf2_2a998619e962["quoteAttributeValue()"]
  b638ddb2_c057_1f3c_8a1a_4993ad80cd58["variants.ts"]
  56a97d4f_2830_b338_adf2_2a998619e962 -->|defined in| b638ddb2_c057_1f3c_8a1a_4993ad80cd58
  876035d0_94a8_cf2f_314a_d520aaae6e4b["createVariants()"]
  876035d0_94a8_cf2f_314a_d520aaae6e4b -->|calls| 56a97d4f_2830_b338_adf2_2a998619e962
  c58cbb33_f3cc_0b4f_844a_15bf66a1dc61["segment()"]
  56a97d4f_2830_b338_adf2_2a998619e962 -->|calls| c58cbb33_f3cc_0b4f_844a_15bf66a1dc61
  style 56a97d4f_2830_b338_adf2_2a998619e962 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/variants.ts lines 1165–1193

function quoteAttributeValue(input: string) {
  if (input.includes('=')) {
    let [attribute, ...after] = segment(input, '=')
    let value = after.join('=').trim()

    // If the value is already quoted, skip.
    if (value[0] === "'" || value[0] === '"') {
      return input
    }

    // Handle case sensitivity flags on unescaped values
    if (value.length > 1) {
      let trailingCharacter = value[value.length - 1]
      if (
        value[value.length - 2] === ' ' &&
        (trailingCharacter === 'i' ||
          trailingCharacter === 'I' ||
          trailingCharacter === 's' ||
          trailingCharacter === 'S')
      ) {
        return `${attribute}="${value.slice(0, -2)}" ${trailingCharacter}`
      }
    }

    return `${attribute}="${value}"`
  }

  return input
}