Contents

Discover what's included in InPage, including our precompiled and source code flavors. Remember, InPage's JavaScript plugins require our `inpage.bundle.min.js`.

Precompiled InPage

Once downloaded, unzip the compressed folder and you’ll see something like this:

inpage/
├── css/
│   ├── inpage-xs.css
│   ├── inpage-xs.css.map
│   ├── inpage-xs.min.css
│   ├── inpage-xs.min.css.map
│   ├── inpage-sm.css
│   ├── inpage-sm.css.map
│   ├── inpage-sm.min.css
│   ├── inpage-sm.min.css.map
│   ├── inpage-md.css
│   ├── inpage-md.css.map
│   ├── inpage-md.min.css
│   ├── inpage-md.min.css.map
│   ├── inpage-lg.css
│   ├── inpage-lg.css.map
│   ├── inpage-lg.min.css
│   ├── inpage-lg.min.css.map
│   ├── inpage-xl.css
│   ├── inpage-xl.css.map
│   ├── inpage-xl.min.css
│   ├── inpage-xl.min.css.map
│   ├── inpage-reboot.css
│   ├── inpage-reboot.css.map
│   ├── inpage-reboot.min.css
│   └── inpage-reboot.min.css.map
└── js/
    ├── inpage.bundle.js
    ├── inpage.bundle.min.js
    ├── inpage.js
    └── inpage.min.js

This is the most basic form of InPage: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (inpage.*), as well as compiled and minified CSS and JS (inpage.min.*). CSS source maps (inpage.*.map) are available for use with certain browsers’ developer tools.

Comparison of CSS files

CSS files Layout Content Components Utilities
inpage.css
inpage.min.css
All All All All
inpage-grid.css
inpage-grid.min.css
Only grid system No No Only flex utilities
inpage-reboot.css
inpage-reboot.min.css
No Only Reboot No No

InPage source code

The InPage source code download includes the precompiled CSS and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:

inpage/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

The scss/ and js/ are the source code for our CSS and JavaScript. The dist/ folder includes everything listed in the precompiled download section above. The docs/ folder includes the source code for our documentation, and examples/ of InPage usage. Beyond that, any other included file provides support for packages, license information, and development.