intermediate

Современный CSS

Custom properties, logical properties, media queries, motion, relational selectors и cascade layers.

На интервью по современному CSS — runtime-темизация, свойства для интернационализации, media features по возможностям устройства, motion, реляционные селекторы и явные cascade layers.

Подтемы: custom properties, logical properties, media queries, animations и transitions, :has и @layer.

На интервью: custom properties vs переменные препроцессора, spacing для RTL, prefers-reduced-motion и когда :has заменяет JavaScript.

Типовые ошибки: неопределённые CSS variables ломают declarations, смешение physical и logical properties, широкие :has, которые трудно поддерживать.

Чеклист:

Semantic custom properties с fallbacks.
Logical properties для i18n-ready компонентов.
Учитывайте user preference media features.
Организуйте layers до войн specificity.