Basic box object for the inuitcss framework
npm install inuit-boxThe Box object simply boxes off content.
inuitcss’ Box object depends on three other inuitcss modules:
* settings.defaults
* tools.functions
* trumps.clearfix
If you install the Box object using Bower, you will get these dependencies at
the same time. If not using Bower, please be sure to install and @import these
dependencies in the relevant way.
The recommended installation method is Bower, but you can install the Box
module via a Git Submodule, or copy and paste.
$ bower install --save inuit-box
Install using npm:
$ npm install --save inuit-box
Once installed, @import into your project in its Objects layer:
@import "bower_components/inuit-box/objects.box";
$ git submodule add git@github.com:inuitcss/objects.box.git
Once installed, @import into your project in its Objects layer:
@import "objects.box/objects.box";
The least recommended option for installation is to simply download_objects.box.scss into your project and @import it into your project in
its Objects layer.
Basic usage of the Box object uses the required classes:
Other, optional classes can supplement the required base classes:
* .box--flush: remove all padding from boxes.
* .box--[tiny|small|large|huge]: alter the padding on boxes.
For example: