BcHeight
Description
The BcHeight utility provides predefined height classes for consistent layout control. It includes fixed height values, min-height, and max-height settings, as well as responsive classes.
Available Height Classes
bc-h-100
Sets the height to 100%.
bc-h-75
Sets the height to 75%.
bc-h-50
Sets the height to 50%.
bc-h-25
Sets the height to 25%.
bc-h-0
Sets the height to 0.
bc-h-auto
Allows the element to automatically adjust its height.
bc-h-inherit
Inherits the height from the parent element.
Available Min-Height Classes
bc-min-h-100
Sets the minimum height to 100%.
bc-min-h-75
Sets the minimum height to 75%.
bc-min-h-50
Sets the minimum height to 50%.
bc-min-h-25
Sets the minimum height to 25%.
bc-min-h-0
Sets the minimum height to 0.
bc-min-h-auto
Allows the element to automatically adjust its minimum height.
bc-min-h-inherit
Inherits the minimum height from the parent element.
Available Max-Height Classes
bc-max-h-100
Sets the maximum height to 100%.
bc-max-h-75
Sets the maximum height to 75%.
bc-max-h-50
Sets the maximum height to 50%.
bc-max-h-25
Sets the maximum height to 25%.
bc-max-h-0
Sets the maximum height to 0.
bc-max-h-inherit
Inherits the maximum height from the parent element.
Responsive Height Adjustments
For responsive layouts, use classes like 'bc-h-100-sm' or 'bc-min-h-50-lg' to modify the height at different breakpoints.