Styles Margin Classes
Description
The BcMargin utility provides predefined margin spacing classes that can be applied to elements. It includes shorthand properties for top, bottom, left, right, and axis-based margins, supporting responsive breakpoints.
Responsive Margin Classes
For responsive adjustments, use classes like 'bc-m-sm-3' or 'bc-mt-lg-2' to modify margins at different breakpoints.
Available Margin Classes
bc-m-0
Applies 'margin: 0' to remove any margin.
bc-m-1
Applies 'margin: 0.25rem' for small spacing.
bc-m-2
Applies 'margin: 0.5rem' for moderate spacing.
bc-m-3
Applies 'margin: 1rem' for default spacing.
bc-m-4
Applies 'margin: 2rem' for larger spacing.
bc-m-5
Applies 'margin: 4rem' for extra-large spacing.
bc-mx-1
Applies 'margin-left' and 'margin-right' of 0.25rem.
bc-my-1
Applies 'margin-top' and 'margin-bottom' of 0.25rem.
bc-mt-2
Applies 'margin-top: 0.5rem'.
bc-mb-2
Applies 'margin-bottom: 0.5rem'.
bc-ml-3
Applies 'margin-left: 1rem'.
bc-mr-3
Applies 'margin-right: 1rem'.