Styles Padding Classes
Description
The BcPadding utility provides predefined padding spacing classes that can be applied to elements. It includes shorthand properties for top, bottom, left, right, and axis-based paddings, supporting responsive breakpoints.
Responsive Padding Classes
For responsive adjustments, use classes like 'bc-p-sm-3' or 'bc-pt-lg-2' to modify paddings at different breakpoints.
Available Padding Classes
bc-p-0
Applies 'padding: 0' to remove any padding.
bc-p-1
Applies 'padding: 0.25rem' for small spacing.
bc-p-2
Applies 'padding: 0.5rem' for moderate spacing.
bc-p-3
Applies 'padding: 1rem' for default spacing.
bc-p-4
Applies 'padding: 2rem' for larger spacing.
bc-p-5
Applies 'padding: 4rem' for extra-large spacing.
bc-px-1
Applies 'padding-left' and 'padding-right' of 0.25rem.
bc-py-1
Applies 'padding-top' and 'padding-bottom' of 0.25rem.
bc-pt-2
Applies 'padding-top: 0.5rem'.
bc-pb-2
Applies 'padding-bottom: 0.5rem'.
bc-pl-3
Applies 'padding-left: 1rem'.
bc-pr-3
Applies 'padding-right: 1rem'.