Config Screens

.pi-style__config-panel

Applies to the styling of the config screen.

.pi-style__config-panel__empty-space

The empty space that is displayed in the admin sections of the dashboard (categories, user access, themes, etc.)

.pi-style__config-panel__empty-space .config-panel__empty-panel-instructions

The instructions that are displayed on the empty space on certain config screens (like how to setup pi_styles, etc.)

.pi-style__config-panel__front-panel

The background of all the config area.

.pi-style__config-panel__read-only-panel

The read only panel in the User Access area

.pi-style__config-panel__disabled-panel

The transparent area at the front of the configuration screens to disable editable elements (e.g. used on the User Editor when permissions are disabled).

.pi-style__config-panel__tabs

The panel across the top in the config screen.

.pi-style__config-panel__tabs__tab

Each tab displayed inside the config screen.

.pi-style__config-panel__tabs__tab:hover

The hover over effect on the tab in the config area.

.pi-style__config-panel__tabs__tab.is-active

The active tab in the config area