Box
It's a padded box, and an optional border. Can be wrapped around most content and serves as a standardised way to display content.
Link to section titled: Component
Component
Box
- html<!-- COMPONENT-START: nc-box -->
<div class="nc-box">
<div class="example-block"></div>
</div>
<!-- COMPONENT-END: nc-box --> Link to section titled: Modifiers
Modifiers
- -bordered
- Adds a border to the box
- -tiny
- Sets padding to --spacing-tiny
- -nearest
- Sets padding to --spacing-nearest
- -near
- Sets padding to --spacing-near
- -base
- Sets padding to --spacing-base
- -far
- Sets padding to --spacing-far
- -farthest
- Sets padding to --spacing-farthest