Function compoundsForSelectors

packages/tailwindcss/src/variants.ts:320–347

(selectors: string[])

}

export function compoundsForSelectors(selectors: string[]) {
  let compounds = Compounds.Never

  for (let sel of selectors) {
    if (sel[0] === class="st">'@') {
      class="cm">// Non-conditional at-rules are present so we can't compound
      if (
        !sel.startsWith(class="st">'@media') &&
        !sel.startsWith(class="st">'@supports') &&
        !sel.startsWith(class="st">'@container')
      ) {
        return Compounds.Never
      }

      compounds |= Compounds.AtRules
      continue
    }

    class="cm">// Pseudo-elements are present so we can't compound
    if (sel.includes(class="st">'::')) {
      return Compounds.Never
    }

    compounds |= Compounds.StyleRules
  }

  return compounds
}

export function createVariants(theme: Theme): Variants {
  class="cm">// In the future we may want to support returning a rule here if some complex