inflate-flex-grid v2.0.0

InflateUI Flex Grid

The inflate-flex-grid is a small but powerful dual-axis grid system that exposes the power of CSS's Flexible Box Module (flexbox). This package is a stand-alone component of InflateUI, containing SASS sources and minified CSS for the project's grid system that can be used in non-InflateUI projects. Support is included for:

• Containers
• InflateUI's Flex Grid

The minified CSS is under 4 KiB (approx. 850 bytes GZipped, level 6).

Browser Usage (via CDN)

To use inflate-flex-grid in browser-based projects, simply include the minified CSS:

<link href='https://cdn.jsdelivr.net/npm/inflate-flex-grid/dist/inflate-flex-grid.css' rel='stylesheet'>

Usage in NPM projects

Install with NPM (or your preferred package manager):

npm install --save inflate-flex-grid

Source SASS files are located in node_modules/inflate-flex-grid/src/

• config.sass includes all variables (breakpoints, etc.)
• flex-grid.sass is the CSS-source proper

Contributing

If you would like to contribute to the inflate-flex-grid, please see the contribution guidelines for the downstream project, InflateUI at that project's CONTRIBUTING.md file. The same guidelines should be followed for this project.

Licensing

Source code and documentation copyright 2020 nodehead.com

• Source code license: MIT