defineStyleVars() — astro Function Reference

Architecture documentation for the defineStyleVars() function in index.ts from the astro codebase.

Function typescript CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ defineStyleVars() — astro Function Reference

Dependency Diagram

graph TD
  6aa03997_e857_bfc9_1e3f_21f73b60ac2e["defineStyleVars()"]
  c35665ab_15da_1077_3e74_d5bc594df46d["index.ts"]
  6aa03997_e857_bfc9_1e3f_21f73b60ac2e -->|defined in| c35665ab_15da_1077_3e74_d5bc594df46d
  style 6aa03997_e857_bfc9_1e3f_21f73b60ac2e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/server/index.ts lines 96–107

export function defineStyleVars(defs: Record<any, any> | Record<any, any>[]) {
	let output = '';
	let arr = !Array.isArray(defs) ? [defs] : defs;
	for (const vars of arr) {
		for (const [key, value] of Object.entries(vars)) {
			if (value || value === 0) {
				output += `--${key}: ${value};`;
			}
		}
	}
	return markHTMLString(output);
}