Интерактивные ролиlink

Хотя принципы во многом вдохновлены Material Design, SIMAI адаптирует их для веб-разработки. Вместо создания "поднятий" над поверхностью через слой, SIMAI использует роли интерактивности.

• Hover — состояние при наведении курсора на элемент.
• Active — состояние активного элемента.
• Select — состояние выбранного элемента среди набора.

Пример применения интерактивной роли:

.hover\:color-primary:hover {
  color: var(--sf-primary-hover);
}