frontend-syntax-css-nesting-logical-properties
Installation
SKILL.md
Frontend Syntax : CSS Nesting and Logical Properties
Authoritative reference for two foundational evergreen-2026 CSS authoring features that share one design intent : removing the need for build tools (nesting replaces Sass, logical properties replace direction-aware CSS-in-JS). Both are Baseline Widely Available.
Quick Reference
Baseline status
| Feature | Baseline tier | Source |
|---|---|---|
Native CSS nesting (&, bare nesting, nested at-rules) |
Widely Available since 2023 | MDN : CSS nesting (verified 2026-05-19) |
| Logical properties (size, margin, padding, border, inset) | Widely Available | MDN : CSS Logical Properties (verified 2026-05-19) |
| `:dir(ltr | rtl)` pseudo-class | Widely Available since 2023 |
Per evergreen-2026, neither feature requires a @supports gate in production code.