styles property

  1. @css
List<StyleRule> styles
final

Implementation

@css
static final List<StyleRule> styles = [
  css('@keyframes arcane-back-to-top-fade').styles(raw: {
    '0%': 'opacity: 0; transform: translateY(20px)',
    '100%': 'opacity: 1; transform: translateY(0)',
  }),
  css('.arcane-back-to-top:hover').styles(raw: {
    'transform': 'translateY(-4px)',
    'box-shadow': 'var(--arcane-shadow-xl)',
  }),
  css('.arcane-back-to-top:hover span').styles(raw: {
    'color': 'var(--arcane-accent)',
  }),
];