Customize your components style

PowerbarsComponent

Css class name	Description
.powerbar__powerbar--count	Style of counts.
.powerbar__powerbar--term	Style of terms.
.powerbars__powerbar--neutral-state,	Sets all powerbars containers when none of them is selected. A powerbar container's width is 100% of the component's container.
.powerbars__powerbar--progression	Style of all powerbars rightband when none of them is selected. {
.powerbars__powerbar--progression-default-colour	Style of all powerbars progression bar when no color is specified. {
.powerbars__powerbar--selected-bar,	Sets selected powerbars containers. A powerbar container's width is 100% of the component's container.
.powerbars__powerbar--selected-no-mounted-bar	Sets selected powerbars but not return in aggregation containers. A powerbar container's width is 100% of the component's container.
.powerbars__powerbar--unselected-bar,	Sets unselected powerbars containers. A powerbar container's width is 100% of the component's container.

PowerbarsComponent

Css class name	Description

ResultFilterComponent

Css class name	Description
.resultlist__header--filters	Sets filters container style.

ResultItemComponent

Css class name	Description
.resultitem__cell--label	Sets labels style.
.resultitem__cell__toggle--icon	Sets the toggle icon style.
.resultitem__icon_check	Sets the checkbox icon style.

Css class name	Description
.arlas-metric-description	Style of metric description (below value).
.arlas-metric-title	Style of metric title (above value).
.arlas-metric-value	Style of the metric value

Css class name	Description

Css class name	Description