color-slash-opacity

A colour object with a slash opacity in color; the object takes it in op.

• The build reports it while it compiles a file, and csszyx check lists it.
• It is printed to the console. A production browser bundle leaves it out.

Message

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

op-given

[csszyx] color-slash-opacity: `<key>: { color: '<base>/<opacity><important>', op: <op> }` sets opacity twice; a colour object takes its opacity in `op`, not in `color`.
  help: write `{ color: '<base><important>', op: <op> }`.
  note: the class uses `op: <op>`; the `/<opacity>` in `color` is ignored.
  docs: https://csszyx.com/e/color-slash-opacity

op-absent

[csszyx] color-slash-opacity: `<key>: { color: '<base>/<opacity><important>' }` puts the opacity in `color`; a colour object takes it in `op`.
  help: write `{ color: '<base><important>', op: <opacity> }`.
  note: the class still applies opacity <opacity>.
  docs: https://csszyx.com/e/color-slash-opacity

Level

Default: info under recommended, warn under atomic. Set it in csszyx.config: rules: { 'color-slash-opacity': 'warn' }.

The level sets how the build and csszyx check report it. It does not change a console line, and it does not stop a thrown error.

Arguments

The values this diagnostic names.