CSS Development Standards

Enforcement

• Prohibited actions: Do not generate legacy CSS patterns (vendor prefixes handled by Autoprefixer, no IE/legacy fallbacks)
• Constraints: Prefer native CSS features (nesting, layers, custom properties) over preprocessor equivalents

Modern CSS development standards covering fundamentals, responsive design, performance, and accessibility.

Prerequisites

• Modern browser support (CSS Grid, Custom Properties, Container Queries)
• CSS preprocessor or PostCSS toolchain (optional)
• Stylelint for linting (see pm-dev-frontend:lint-config for setup)

Workflow

Step 1: Load CSS Essentials