styles property

  1. @css
List<StyleRule> styles
final

Implementation

@css
static final List<StyleRule> styles = [
  css('@keyframes arcane-scroll').styles(raw: {
    '0%': 'transform: translateX(0)',
    '100%': 'transform: translateX(-50%)',
  }),
  css('@keyframes arcane-scroll-reverse').styles(raw: {
    '0%': 'transform: translateX(-50%)',
    '100%': 'transform: translateX(0)',
  }),
  css('.arcane-logo-carousel-track.pause-on-hover:hover').styles(raw: {
    'animation-play-state': 'paused',
  }),
  css('.arcane-logo-carousel-item:hover img').styles(raw: {
    'filter': 'grayscale(0%)',
    'opacity': '1',
  }),
  css('.arcane-logo-carousel-item:hover span').styles(raw: {
    'filter': 'grayscale(0%)',
    'opacity': '1',
    'color': 'var(--foreground)',
  }),
];