@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
13 lines (12 loc) • 949 B
JavaScript
"use client";
const require_css_object_to_string = require("../css-object-to-string/css-object-to-string.cjs");
//#region packages/@mantine/core/src/core/InlineStyles/styles-to-string/styles-to-string.ts
function stylesToString({ selector, styles, media, container }) {
const baseStyles = styles ? require_css_object_to_string.cssObjectToString(styles) : "";
const mediaQueryStyles = !Array.isArray(media) ? [] : media.map((item) => `@media${item.query}{${selector}{${require_css_object_to_string.cssObjectToString(item.styles)}}}`);
const containerStyles = !Array.isArray(container) ? [] : container.map((item) => `@container ${item.query}{${selector}{${require_css_object_to_string.cssObjectToString(item.styles)}}}`);
return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}${containerStyles.join("")}`.trim();
}
//#endregion
exports.stylesToString = stylesToString;
//# sourceMappingURL=styles-to-string.cjs.map