Skip to content

Стилизация

EndgeCSS задаёт стили в renderer-neutral форме: исходный контракт не должен требовать DOM, даже если текущий адаптер компилирует правила в CSS.

Уровни стилей

  • глобальные токены и темы проекта;
  • переиспользуемые документы Style;
  • локальные стили ComponentSFC;
  • состояния, варианты и директивы компонента.

Практические правила

  1. Используйте смысловые токены вместо случайных цветов и размеров.
  2. Оставляйте структуру selector простой и предсказуемой.
  3. Локальные детали держите рядом с ComponentSFC.
  4. Общие темы и токены выносите на уровень проекта.
  5. Не делайте DOM-селектор частью публичного контракта компонента.

Начните с обзора EndgeCSS, затем изучите синтаксис и значения.