inuit-displays
Simple display helpers for the inuitcss framework.
Installation
With npm
npm i inuit-displays -S
With bower
bower install inuit-displays --save
You can download the latest version or checkout all the releases here.
Examples
Sample examples here:
<!-- Hide on all --> <!-- Hide on mobile and show on tablet and upper --> <!-- Hide on mobile and show on tablet and upper with `display: inline;` --> <!-- Show on mobile and hide on tablet and upper -->
You can imagine the other variations.
Usage
You can import this plugin into a project sample code like this:
;
You can override settings with writing your custom definitions before import plugin.
Default display properties here:
;
If you want to use just none
and block
write these definition before import inuit-displays:
;
If you want add new display values like table
, table-cell
, inherit
, etc. you can:
;
Also you can use some alias for display values:
;
If you want you can add new aliases like these:
;
Finally you can disable aliases with this:
;
or completely disable inuit-displays with this:
;
before import inuit-displays.
Working with Node
First of all install dependencies with:
npm install
That's it.
Working with Gulp
Build and watch with this:
gulp
or only build with this:
gulp build
Tests
You can run unit tests with this command:
npm test
Contributing
In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.