Custom CSS Is No Longer Working After Updating Composition to version 4.0.0

Add-on:Composition
Question:Custom CSS Is No Longer Working After Updating Composition to version 4.0.0
Answer:

We made Composition 4.0.0 adhere to Atlassian UI guidelines and therefore certain CSS styles have been deprecated or changed.

The following documents the styles that are no longer applicable:

  1. .panel CSS class has been removed
  2. .tab-navigation renamed to .tabs-menu
  3. .deck-card renamed to .tabs-pane
  4. .tab renamed to .menu-item
  5. .current renamed to .active-tab

Please prepend the CSS selector with a .deck class so that your customised CSS will be applied to Composition tabs only.

e.g.:

.deck div.deck-cards {
	background: white !important;
}