Apply FlowKit CSS naming conventions in Webflow projects using Webflow Designer tools.
| fk-[component] | Component wrapper (base class) | fk-card, fk-nav, fk-hero | | fk-[component]-[element] | Child element within component | fk-card-title, fk-nav-link | | fk-[component].[modifier] | Combo class modifier (state/variant) | fk-card.is-featured | | fk-text-[style] | Typography utility | fk-text-xl, fk-text-bold |
| fk-flex / fk-grid | Layout utilities | fk-flex-center, fk-grid-3 | | fk-space-[size] | Spacing utilities | fk-space-md, fk-py-lg | | is-[state] | State modifiers (combo) | is-active, is-hidden, is-disabled |
Примените систему именования CSS Flowkit в Webflow. Используйте при создании классов, проверке существующих имен или создании новых компонентов в соответствии с соглашениями Flowkit. Flowkit — это официальная CSS-инфраструктура Webflow с подходом, ориентированным на утилиты. Источник: webflow/webflow-skills.