styles property

Implementation

@css
static final List<StyleRule> styles = [
  css('@keyframes arcane-mobile-menu-slide').styles(raw: {
    '0%': 'opacity: 0; transform: translateX(-100%)',
    '100%': 'opacity: 1; transform: translateX(0)',
  }),
  css('.arcane-mobile-menu-close:hover').styles(raw: {
    'color': ArcaneColors.onSurface,
  }),
  css('.arcane-mobile-nav-button:hover').styles(raw: {
    'background-color': ArcaneColors.surfaceVariant,
  }),
  css('.arcane-mobile-nav-link:hover').styles(raw: {
    'background-color': ArcaneColors.surfaceVariant,
  }),
  css('.arcane-mobile-nav-children a:hover').styles(raw: {
    'color': ArcaneColors.onSurface,
  }),
  css('.arcane-mobile-nav-children button:hover').styles(raw: {
    'color': ArcaneColors.onSurface,
  }),
];