styles property

  1. @css
List<StyleRule> styles
final

Implementation

@css
static final List<StyleRule> styles = [
  css('.arcane-text-input:focus').styles(raw: {
    'border-color': ArcaneColors.accent,
    'box-shadow': '0 0 0 2px ${ArcaneColors.accentContainer}',
  }),
  css('.arcane-text-input::placeholder').styles(raw: {
    'color': ArcaneColors.muted,
  }),
  css('.arcane-text-input-container:focus-within').styles(raw: {
    'border-color': ArcaneColors.accent,
    'box-shadow': '0 0 0 2px ${ArcaneColors.accentContainer}',
  }),
];