LEDGERMACHINE

LM-LAYER-002

Find unlayered CSS overriding cascade layers

An unlayered declaration competes with a matching declaration inside a cascade layer.

What Ledgermachine reports

An unlayered style wins over a layered style

Decision, not automatic repair

Keep the override only when its higher precedence is explicit and intentional.

Source example

What this finding can look like

The exact candidate comes from the project’s own tokens and repeated values. This example shows the shape of the issue, not a universal replacement.

Flagged source
@layer components { .button { padding: 12px; } }
.button { padding: 14px; }
One possible resolution
@layer components {
  .button { padding: var(--space-3); }
}

Resolution workflow

Fix the source without erasing intent

  1. Inspect

    Review every reported occurrence and the established candidates Ledgermachine found in the same project.

  2. Decide

    Keep the override only when its higher precedence is explicit and intentional.

  3. Verify

    Make the change in your editor or coding agent, then rescan. Ledgermachine stays read-only and records whether the finding cleared.

Run it on your source

See the evidence behind this rule.

Open a folder locally, inspect the exact occurrences, and decide whether to repair or preserve the difference.

Open Ledgermachine