Box
Use a box to contain other components.
Usage
A box is a simple container to place other elements within. Its appearance can be changed by adding modifier classes.
<div class="sta-box">
Box
</div>Padded box
Add padding to the box contents by using the .sta-box--padding class.
<div class="sta-box sta-box--padding">
Box that is padded
</div>Less emphasis
Add a background with low emphasis using the .sta-box--less-emphasis class.
<div class="sta-box sta-box--less-emphasis sta-box--padding">
Box with less emphasis and padding
</div>More emphasis
Add a background with higher emphasis using the .sta-box--more-emphasis class.
<div class="sta-box sta-box--more-emphasis sta-box--padding">
Box with more emphasis and padding
</div>