design

:dir(rtl) и логические свойства для двуязычного футера

:dir(rtl) и логические свойства для двуязычного футера

Псевдокласс :dir(rtl) и [dir="rtl"] переключают отступы и иконки «назад» в интерфейсе без зеркального дублирования компонентов.

Используйте padding-inline-start вместо padding-left — меньше ошибок при смене направления.

- [:dir() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:dir) — ltr и rtl.

- [CSS logical properties — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values) — inline и block.

---

## Иконки

Стрелки с направлением зеркальте через transform: scaleX(-1) только в rtl-контексте.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.