Styling

Styling = string

Defined in: core.ts:27

An Aberdeen attribute/style/class string, e.g. "display:flex gap:$3 .my-class".

Common values are our surface modifier classes:

• for colors: .panel .raised .neutral .primary .secondary .gradient .danger .success and .warning
• for variant: .filled .tonal and .outlined

These strings are passed straight through to A as positional arguments, so they accept the full Aberdeen shorthand syntax: CSS shortcuts (p, mt, bg, r, …), spacing variables ($1..$12), CSS custom properties ($s-primary), classes (.foo) and attributes (aria-label=Hi).

Note: because Aberdeen interprets a leading bare word as an element name, write display:flex rather than just flex.