Function stringifyProperties

utils/css.ts:31–55

(
  properties: CSSProperties,
  indent: string = "  ",
)

};

const stringifyProperties = (
  properties: CSSProperties,
  indent: string = "  ",
) => {
  let css = "";

  for (const [key, value] of Object.entries(properties)) {
    const propertyName = kebabCase(key);

    if (typeof value === "object") {
      if (key.startsWith("@")) {
        css += `${key} { ${stringifyProperties(value as CSSProperties, indent + "  ")}${indent} } `;
      } else if (key === "from" || key === "to" || /^\d+%$/.test(key)) {
        css += `${indent}${key} { ${stringifyProperties(value as CSSProperties, indent + "  ")}${indent}} `;
      } else {
        css += stringifyProperties(value as CSSProperties, indent);
      }
    } else {
      const formattedValue = formatCSSValue(propertyName, value);
      css += `${indent}${propertyName}: ${formattedValue}; `;
    }
  }

  return css;
};

export const css = (selector: string, properties: CSSProperties) => {
  return `${selector} { ${stringifyProperties(properties)} } `;