https://github.com/mojotech/jeet

The most advanced, yet intuitive, grid system available for Sass or Stylus
https://github.com/mojotech/jeet

grid sass stylus

Last synced: about 6 hours ago
JSON representation

The most advanced, yet intuitive, grid system available for Sass or Stylus

• Host: GitHub
• URL: https://github.com/mojotech/jeet
• Owner: mojotech
• License: mit
• Created: 2012-12-11T21:01:06.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2017-09-05T00:36:13.000Z (over 7 years ago)
• Last Synced: 2025-01-21T15:28:52.950Z (about 1 month ago)
• Topics: grid, sass, stylus
• Language: CSS
• Homepage: http://jeet.gs
• Size: 11.9 MB
• Stars: 2,985
• Watchers: 118
• Forks: 249
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-CSS-Resources - Jeet:

README

        








# Jeet 7.0.0 is here!

> 7.0.0 breaks a lot of stuff. Be sure to read [the migration guide](https://github.com/mojotech/jeet/wiki/Migrating-from-6-to-7)!

[Jeet](http://jeet.gs) is a simple fractional grid system for **[Sass](scss)** and **[Stylus](styl)**.

Learn the [API](docs) in minutes and begin tossing together grids.

Check this out:

```fish

npm install -D jeet

```

```scss

@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](docs/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.