Questions tagged [jeet-grid]

Jeet is a CSS grid system similar to that found in Bootstrap and Foundation.

Jeet is a CSS grid system, implemented in both Sass and Stylus and inspired by Semantic.gs.


Documentation :

23 questions
4
votes
2 answers

How do you add Jeet and Rupture to Stylus-Brunch?

I am trying to use Jeet and Rupture with my Stylus-Brunch. What do I need to configure to get it to work?
dilzeem
  • 51
  • 4
4
votes
1 answer

Jeet Grid vs. Singularity

For a mobile-first website, i need a grid with SASS preprocessor functions. Currently i am using the Bootstrap 3 Grid which works fine but seems to lack flexibility. Especially i do not want to clutter my html with additional css classes like row or…
Alp
  • 29,274
  • 27
  • 120
  • 198
3
votes
1 answer

Fixed width items in a responsive grid?

I have fixed width elements that I'd like to make a grid of. The only issue is that I want it to be responsive. Basically have as many items as it can have in one row, and then move the item to the second row as the space gets smaller. I'm using…
user1952811
  • 2,398
  • 6
  • 29
  • 49
2
votes
1 answer

How to make parent fullscreen div to grow with absolutely positioned child using CSS and jeet?

I am using align() from http://jeet.gs to position a div inside a fullscreened div, like so: .fullscreened position relative display block height 100% width 100% height auto width 100vw margin 0 min-height 100vh …
ivalub
  • 33
  • 3
1
vote
1 answer

Stylus jeet doesn't work anymore

In one single day i got this error. It doesn't work anymore for me. gulpfile.js var gulp = require('gulp'), stylus = require('gulp-stylus'), jeet = require('jeet'); gulp.task('default', function () { gulp.src('assets/*.styl') …
Fortael
  • 322
  • 2
  • 15
1
vote
0 answers

Jeet grid broken

My first question here. I'm trying to make a simple gallery grid using jeet, but the final result is all broken up. It skips some divs to the next row, and I just can't find a way to control it. .row.nossos-parceiros background-color #EFEAE4 …
1
vote
1 answer

How to use Jeet in Express?

How do you use Jeet in Express? This is part of my app.js file: app.set('views', __dirname + '/views') app.set('view engine', 'jade') app.use(stylus.middleware( { src: __dirname + '/public' , compile: compile …
Ella S.
  • 41
  • 6
1
vote
2 answers

How to a include Stylus Libraries with grunt-contrib-stylus?

How to a include Stylus Libraries with grunt-contrib-stylus? I would like to add Jeet & Rupture to my stylus setup. I have run npm install --save-dev rupture & npm install --save-dev jeet But I am not sure on how to have them used by the stylus…
Daimz
  • 3,243
  • 14
  • 49
  • 76
1
vote
1 answer

how do i change column ratios with jeet?

I am trying to change my column ratio from 1/4 to 1/3. The default style is 1/4, col(1/4, gutter: .5, cycle: 4) Then I uncycle and switch to 1/3, +below(desktop) uncycle() col(1/3, gutter: .5, cycle: 3) the cycle remains at 4 leaving an row…
Stothertk
  • 107
  • 1
  • 1
  • 5
1
vote
2 answers

how to prevent column from from breaking when using gutters, Jeet

I am trying to have four columns using jeet and a gutter of .5 col(1/4, gutter: .5, cycle: 1/4) This causes the fourth column to break to a new row, giving me only 3 columns. I tried it without a gutter and the same thing happens. col(1/4, cycle:…
Stothertk
  • 107
  • 1
  • 1
  • 5
0
votes
1 answer

Continue and go back in the form

I develop a web application in java jee, and I would like to know how to use the button continue and go back in the post method in a form? thank you in advance
John
  • 47
  • 2
  • 9
0
votes
1 answer

Values attribution in jeet column

In Jeet documentation I see column (ratios = 1, offset = 0, cycle = 0, uncycle = 0, gutter = jeet-gutter) with the equal sign. Then in the following paragraphs, the expression is using colons: column(1/4, cycle: 4) I don't understand why the…
Manaus
  • 431
  • 5
  • 17
0
votes
1 answer

where to find ui components for jeet-grid

checking out Jeet currently, having been through their github and resources and wondering whether it has ready-made components such as buttons, dropdowns, jumbotrons, etc. like bootstrap. Don't really want to style my own.
Riz
  • 6,486
  • 19
  • 66
  • 106
0
votes
1 answer

legend not centering correctly with margins in firefox

I'm hoping someone can spot the issue here, as unfortunately I can't easily reproduce it in a jsfiddle (Edit: turns out I can, see the jsfiddle linked below), so something else must be at play. See the attached screenshots, the unexpected result in…
Nathan Hornby
  • 1,423
  • 16
  • 32
0
votes
0 answers

responsive grid is broken by span element with empty value

I get the JSON from the site. Some of the fields of this JSON is empty (""). I have a HTML(Jade) code like this: div(ng-repeat="item in itemsToDisplay", class="item tableLine") span(class="tableItemid") a(href="#/itemDetail/{{…
ceth
  • 44,198
  • 62
  • 180
  • 289
1
2