styles property

@css List<StyleRule> styles

Implementation

@css
static final List<StyleRule> styles = [
  css('.arcane-chat-input:focus').styles(raw: {
    'border-color': 'var(--accent)',
    'box-shadow': '0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent)',
  }),
  css('.arcane-chat-send:hover').styles(raw: {
    'background': 'color-mix(in srgb, var(--accent) 90%, transparent)',
  }),
];