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': '0 20px 25px -5px hsl(0 0% 0% / 0.1), 0 8px 10px -6px hsl(0 0% 0% / 0.1)',
  }),
  css('.arcane-back-to-top:hover span').styles(raw: {
    'color': 'var(--accent)',
  }),
];