6.1CSS reference

The best and simplest reference to the framework's CSS is the Developer Console of your web browser. This will show you all the CSS variables which the framework declares (at :root level), such as --clr-text and --font-size-base.

The framework CSS includes a --font-family-numericcustom property which specifies a typeface with tabular (monospaced) digits. The platform's default typeface does not guarantee monospaced digits, so numeric content - particularly columns of prices or P&L values - should set font-family: var(--font-family-numeric) to prevent digits from varying in width and causing columns to shift as values update. The platform also defines the CSS class .numeric-field as a short-hand way of setting font-family: var(--font-family-numeric).

The following sections contain some explanatory notes about the standard CSS, not a full itemisation of its variables and classes.