Skip to content
The most advanced, yet intuitive, grid system available for Sass or Stylus
Branch: master
Clone or download
pixeldesu Merge pull request #535 from filipekiss/nth-parameter-grid
Add `$nth` parameter for `column` and `span` mixins
Latest commit 8baa4d3 Sep 5, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github 7.0.0 Make Jeet Great Again! Oct 5, 2016
docs
scss
styl Add `$nth` parameter for `column` and `span` mixins Sep 4, 2017
test
.editorconfig
.gitignore 7.0.0 Make Jeet Great Again! Oct 5, 2016
.travis.yml 7.0.0 Make Jeet Great Again! Oct 5, 2016
LICENSE
README.md Update docs to match new import paths Nov 20, 2016
index.js Added by param $clearfix in column() and span() mixins. Mar 15, 2017
jeet.scss
jeet.styl Make explicit import great again Nov 19, 2016
package.json Bump version to 7.2.0 Sep 4, 2017

README.md

Jeet 7.0.0 is here!

7.0.0 breaks a lot of stuff. Be sure to read the migration guide!

Jeet is a simple fractional grid system for Sass and Stylus.

Learn the API in minutes and begin tossing together grids.

Check this out:

npm install -D jeet
@import 'node_modules/jeet/jeet';

.container {
  @include center();
}

.container div {
  @include column(1/3);
}

Jeet functions accept fractions (or float numbers) and generates a percentage width and gutter for grids. We're able to do this while maintaining a consistently-sized, infinitely-nestable, gutter (so long as you provide the parent element's fraction as context).

The API is documented in Sass, but we've worked hard to make the API very similar in both preprocessors. @include column(1/2); in SCSS would be column(1/2) in Stylus, ya dig?

Explore Official Integrations to see some community-backed plugins to your favorite frameworks and libraries.

Browser Support

  • IE9+ without help. IE8+ with Selectivizr. Obviously always use Autoprefixer.
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.