Rules Hub

Coding Rules Library

← Back to all rules

Rule priority, scope & exceptions

Use this to align rules with the senior-level structure (P0/P1/P2, scope, exceptions/tradeoffs).

PriorityP2 — style, consistency, readabilityScopeUniversal — language-agnostic, broadly applicable

Exceptions / tradeoffs (EN)Iznimke / tradeoffi (HR)

frontend ruleP2universalStack: CSS

cssaccessibilityfocuslayout

Avoid layout shift when adding a focus border

Adding a border only on focus shifts surrounding content; use outline, a transparent reserved border, or box-shadow so the focus indicator doesn't change layout.

PR: hegnar-components · org-mining-hist-2026-06Created: Jun 18, 2026

Bad example

Old codescss

1	`.input:focus { border: 2px solid blue; } /* shifts layout on focus */`

Explanation (EN)

Objašnjenje (HR)

Good example

New codescss

1	`.input { border: 2px solid transparent; }`
2	`.input:focus { border-color: blue; } /* or use outline / box-shadow */`

Explanation (EN)

Objašnjenje (HR)

Login required