Фрейм

Фрейм — прямоугольная область на холсте, внутри которой живут другие объекты (виджеты и группы). Это основной «экран» или колонка макета внутри статьи.

Роль фрейма

В свойствах фрейма задаётся роль:

• Frame — обычный контейнер: задаёт границы и сетку для содержимого, не участвует в автоматическом переключении по ширине viewport.
• Breakpoint — этот фрейм считается вариантом статьи для адаптива: несколько таких фреймов задают брейкпоинты. Подробнее — Брейкпоинты.

Для брейкпоинт-фрейма доступны границы ширины (на шкале) и флажок Scalable — масштабировать содержимое внутри диапазона или нет.

Сетка и оформление

У фрейма настраивается сетка (grid) для выравнивания дочерних объектов. Фон фрейма задаёт подложку области. Часть стилевых опций для фрейма намеренно упрощена по сравнению с виджетами, чтобы не дублировать оформление с содержимым.

Color Changer

Color Changer доступен у фреймов с ролью Breakpoint. Это набор вертикальных меток внутри фрейма: когда статья прокручивается до метки, фон статьи и базовый цвет текста меняются.

Метка Color Changer содержит:

• Y — позиция метки по вертикали внутри фрейма.
• Background — фон метки: solid, gradient или image. Для image поддерживаются настройки размера, позиции и повторения из контрола цвета.
• Text — базовый цвет текста после активации метки. Явно заданный цвет внутри текстового виджета остаётся сильнее этого значения.

Настройки секции:

• Scope — область фона. Article красит ширину фрейма/статьи, Site растягивает слой на ширину viewport, чтобы фон мог выглядеть как фон сайта вокруг статьи.
• Attachment — поведение слоя. Local прокручивается вместе со статьёй, Fixed держится во viewport и визуально ограничивается верхом и низом статьи. В режиме Blocks attachment не используется: блоки всегда локальные.
• Mode — способ отрисовки фона. Crossfade плавно заменяет текущий слой следующим, Overlay оставляет пройденные слои наложенными друг на друга, Blocks заранее рисует вертикальные блоки между метками.
• Mixing — способ смешивания для Crossfade и Overlay. Timed запускает анимацию при смене активной метки, Scroll привязывает смешивание к прогрессу скролла между текущей и следующей меткой.
• Duration — длительность анимации для Timed mixing. По умолчанию используется 250ms linear.
• Preview in editor — включает отработку Color Changer прямо на холсте редактора. В редакторе фон принудительно ограничивается фреймом, чтобы не перекрывать соседние фреймы.

Дефолты: Article, Local, Crossfade, Timed, 250ms.

На опубликованной странице фон принадлежит статье: даже режим Site + Fixed не красит блоки после статьи, например «Материалы по теме», комментарии или ленту.

Где использовать

Создавайте отдельные фреймы под Desktop / Mobile (или другие ширины), вкладывайте в них блоки статьи. Обычный фрейм можно использовать как вложенную область внутри брейкпоинта — например, колонку или карточку.