Live demonstration

rule.motion.purpose-first

scroll

ads-motion-scroll · dur-fast

scroll

Allowed

reading progress
parallax accents

Prohibited

scroll-jacking

Performance

Use compositor-friendly properties

Reduced motion

Static indicators

@media (min-width: 68rem) { html .shell[data-sidebar-state="collapsed"] { grid-template-columns: var(--docs-rail) minmax(0, 1fr); } html .shell[data-sidebar-state="collapsed"] .sidebar { padding: var(--space-6) var(--space-5); } html .shell[data-sidebar-state="collapsed"] .rail-heading { flex-direction: row; } html .shell[data-sidebar-state="collapsed"] .brand-lockup > span:last-child { display: flex; } html .shell[data-sidebar-state="collapsed"] .desktop-navigation { display: block; } html .shell[data-sidebar-state="collapsed"] .rail-utilities--desktop { display: flex; } html .shell[data-sidebar-state="collapsed"] .sidebar-toggle { display: none; } }