renderCssVariable() — astro Function Reference

Architecture documentation for the renderCssVariable() function in minifiable-css-renderer.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine calls 1 called by 1

Entity Profile

CoreAstro→ RenderingEngine→ renderCssVariable() — astro Function Reference

Dependency Diagram

graph TD
  4009a574_3a30_0f00_432f_c45bb5e47f22["renderCssVariable()"]
  4df2df7e_7b50_0a76_f17c_a22a7c396706["minifiable-css-renderer.ts"]
  4009a574_3a30_0f00_432f_c45bb5e47f22 -->|defined in| 4df2df7e_7b50_0a76_f17c_a22a7c396706
  9d87466f_a283_cbac_86c7_a9474910b447["generateCssVariable()"]
  9d87466f_a283_cbac_86c7_a9474910b447 -->|calls| 4009a574_3a30_0f00_432f_c45bb5e47f22
  07f80b71_5226_aac3_479e_2afb963f3697["handleValueWithSpaces()"]
  4009a574_3a30_0f00_432f_c45bb5e47f22 -->|calls| 07f80b71_5226_aac3_479e_2afb963f3697
  style 4009a574_3a30_0f00_432f_c45bb5e47f22 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/assets/fonts/infra/minifiable-css-renderer.ts lines 18–25

export function renderCssVariable(key: string, values: Array<string>, minify: boolean): string {
	// Line feed
	const lf = minify ? '' : `\n`;
	// Space
	const sp = minify ? '' : ' ';

	return `:root${sp}{${lf}${sp}${sp}${key}:${sp}${values.map((v) => handleValueWithSpaces(v)).join(`,${sp}`)};${lf}}${lf}`;
}