Clean CSS: Index And Review Guide

CSS should express design intent through the project's styling system, keep layout relationships predictable, and preserve accessibility across states and viewport sizes.

First Check Project Conventions

Before reviewing or editing styles, identify the local styling approach:

• CSS files or CSS Modules
• CSS variables, design tokens, theme objects, or utility classes
• Tailwind or another utility framework
• styled-components, Emotion, StyleX, or inline style={{}} props
• existing spacing, color, typography, radius, shadow, z-index, and breakpoint conventions

Prefer the project's established tokens and patterns. Do not invent a new token scale or styling abstraction for a narrow change.

Core Rules (CSS1-CSS8)