styles property

  1. @css
List<StyleRule> styles
final

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': 'var(--arcane-on-surface)',
  }),
  css('.arcane-mobile-nav-button:hover').styles(raw: {
    'background-color': 'var(--arcane-surface-variant)',
  }),
  css('.arcane-mobile-nav-link:hover').styles(raw: {
    'background-color': 'var(--arcane-surface-variant)',
  }),
  css('.arcane-mobile-nav-children a:hover').styles(raw: {
    'color': 'var(--arcane-on-surface)',
  }),
  css('.arcane-mobile-nav-children button:hover').styles(raw: {
    'color': 'var(--arcane-on-surface)',
  }),
];