A simple layout tool in the inuitcss framework
npm install inuit-packinuitcss’ Pack object simply causes any number of elements pack up horizontally
to automatically fill an equal, fluid width of their parent.
inuitcss’ Pack object depends on two other inuitcss modules:
* settings.defaults
* tools.functions
If you install the Pack 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 Pack
module via a Git Submodule, or copy and paste.
$ bower install --save inuit-pack
$ npm install --save inuit-pack
Once installed, @import into your project in its Objects layer:
@import "bower_components/inuit-pack/objects.pack";
$ git submodule add git@github.com:inuitcss/objects.pack.git
Once installed, @import into your project in its Objects layer:
@import "objects.pack/objects.pack";
The least recommended option for installation is to simply download_objects.pack.scss into your project and @import it into your project in
its Objects layer.
Basic usage of the Pack object uses the required classes:
The only valid children of the .pack node are .pack__items.
Other, optional classes can supplement the required base classes:
* .pack--auto: cause packed items to have an automatically determined,
non-equal width.
* .pack--[tiny|small|large|huge]: alter the gutter between pack items.
* .pack--rev: reverse the rendered horizontal order of packed items.
* .pack--[middle|bottom]: align packed items to the middles or bottoms of each
other.
For example: