- Source:
Methods
content-holder($paddedopt, $centeredopt)
Adds properties to the current element, which make it a "content holder", meaning, that it adheres to the defined min/max content widths and keeps the content away from the browser edges by defining margins according to the defined responsive content paddings.
Min and max widths are only rendered if they are defined in the jig config, as are content paddings.
A content holder can be used as the base container definition for non-breakout elements on a page, which is not supposed to grow indefinitely horizontally.
A content holder can be a grid container at the same time, these things do not exclude themselves and are even a very common use case.
Parameters:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
$padded |
Boolean |
<optional> |
true | if true, config-defined responsive content padding gets applied to the element |
$centered |
Boolean |
<optional> |
true | if true, element gets auto-centered using auto margins |
- Source:
Example
@include content-holder();