CSS classes used in Progressive Web App screens


The following table lists out the CSS classes that are being used in Progressive Web App (PWA) screens:

CSS Class Name

Description

mb-1

Sets margin-bottom to .25rem

mb-2

Sets margin-bottom to .5rem

mb-0

Removes margin-bottom

mt-3

Sets margin-top to 1rem

m-0

Sets margin to 0 across all sides

pr-2

Sets padding right to .5rem

pl-0

Sets padding-left to 0

border-0

Removes border from the element across all sides

w-100

Sets width to 100%

detatch

Indicates whether to use relative position for vertical dropdown.

Default behavior for dropdown shown in vertical navbar is absolute. If you want the position of the dropdown to be relative, use the CSS class detatch.

justify

This class is specific to tab panels. Indicates how browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.

text-primary

Displays text color in blue

rev-ml-1rem rev-mr-1rem

rev-ml-1rem=Sets margin-left to -0.25rem

rev-mr-1rem=Sets margin-right to -0.25rem



 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*

BMC Helix Innovation Suite 23.3