design

Относительные цвета CSS: from и calc() поверх oklch-токенов

Относительные цвета CSS: from и calc() поверх oklch-токенов

Синтаксис oklch(from var(--brand) calc(l + 0.1) c h) строит производные оттенки от одного токена — меньше рассинхрона палитры в UI-kit.

Удобно для состояний :hover и границ карточек на тёмной теме.

- [CSS relative color syntax — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors) — from и calc.

- [Relative colors — Chrome Developers](https://developer.chrome.com/docs/css-ui/css-relative-color-syntax) — Примеры oklch.

---

## Fallback

Дублируйте статичные значения в @supports not (color: oklch(from red l c h)).

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

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

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