styles property

  1. @css
List<StyleRule> styles
final

Implementation

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