spread-split-class

Class names and sz on more than one side of a spread.

• The build reports it while it compiles a file, and csszyx check lists it.

Message

A name in angle brackets is a value the message fills in.

[csszyx] spread-split-class: `<<elementName>>` has class names or `sz` on more than one side of a spread; in React, Preact, Solid and Qwik the last class attribute replaces the others, so <earlier> will not apply there.
  help: write them in one `sz` array after <spreadPlace>, in the order that should win: `sz={[<example>]}`.
  note: in Vue JSX every class is merged, so every side applies there.
  docs: https://csszyx.com/e/spread-split-class

These values are worked out from the args:

• <earlier>: The classes and sz of the sides before the last, as a reader names them.
• <spreadPlace>: Where that array goes: after the spread named by spread, or "the spread".
• <example>: The items of the one sz array that replaces them.

Level

Default: error under recommended, error under atomic. Set it in csszyx.config: rules: { 'spread-split-class': 'warn' }.

Arguments

The values this diagnostic names.