Button

.pi-style__btn-primary

Applies to main action buttons (with a ‘main’ colour) such as the ‘Apply’ button on the category objects panel.

.pi-style__btn-primary[disabled]

Applies to main action buttons (with a ‘main’ colour) - when disabled.

.pi-style__btn-primary:hover, .pi-style__btn-primary:focus

Applies when a user hovers over a main action button.

.pi-style__btn-primary[disabled]:hover, .pi-style__btn-primary[disabled]:focus

Applies when a user hovers over a disabled main action button.

.pi-style__btn-default

Applies to buttons such as the pin button on the category and category objects panels.

.pi-style__btn-default[disabled]

Applies when a button such as the pin button is disabled.

.pi-style__btn-default:hover, .pi-style__btn-default:focus

Applies when a user hovers over a button such as the pin button in the category and category objects panels.

.pi-style__btn-default[disabled]:hover, .pi-style__btn-default[disabled]:focus

Applies when a user hovers over a disabled button such as the pin button.

.pi-style__btn-danger

The “Delete Selected” buttons that are in the config area

.pi-style__btn-danger[disabled]

Applies when a button such as ‘Delete Selected’ is disabled.

.pi-style__btn-danger:hover, .pi-style__btn-danger:focus

The hover over effect on the “Delete Selected” button in the config area.

.pi-style__btn-danger[disabled]:hover, .pi-style__btn-danger[disabled]:focus

The hover over effect on the “Delete Selected” button (when disabled) in the config area.

.pi-style__btn-warning

The ‘Move Selected’ button in the config screens

.pi-style__btn-warning[disabled]

Applies when a button such as ‘Move Selected’ is disabled.

.pi-style__btn-warning:hover, .pi-style__btn-warning:focus

The hover over effect on the ‘Move selected’ button in the config screens.

pi-style__btn-warning[disabled]:hover, .pi-style__btn-warning[disabled]:focus

The hover over effect on the ‘Move selected’ button (when disabled) in the config screens.