Method parseCSS

packages/sheet/src/sheet.ts:235–255

* parseCSS takes in raw CSS and parses it to valid CSS using Stylis. * It's useful for handling complex CSS such as media queries and pseudo selectors.

(style: string)

   * It's useful for handling complex CSS such as media queries and pseudo selectors.
   */
  parseCSS(style: string): string {
    style = this._processCSS(style);

    const globalOperators = new Set(extractOperators(":global", style));
    const id = Sheet.getClassNamePrefix() + generateHash(style);
    const breakpoints = theme.getUserTheme().breakpoints ?? {};
    const elements: Element[] = [];

    compile(`.${id}{${style}}`).forEach((element) => {
      this.normalizeMediaQueries(element, breakpoints);

      if (this.normalizeGlobalOperatorSelectors(element, id, globalOperators)) {
        elements.push(element);
      }
    });

    const css = serialize(elements, stringify);

    this.css.push(css);
    return id;
  }

  removeDuplicates() {
    this.base = [...new Set(this.base)];