Stack Overflow
Stack Overflow

Questions tagged [neat]

Neat is an open source semantic grid framework built on top of Sass and Bourbon.

What is it about?

Neat is a semantic grid framework built on top of Sass and Bourbon. It is simple enough to get you up and running in minutes, and powerful enough to handle any responsive layout you can dream of.

Why another grid framework?

Because we are not happy with other frameworks. We built Neat with the aim of promoting clean and semantic markup; it relies entirely on Sass mixins and does not pollute your HTML with presentation classes and extra wrapping div's.

It also aims to stay as lightweight as possible; just enough to handle the most common grid uses in modern Web design.

Is it responsive?

Yes. You can even change the grid settings in a specific breakpoint.

Alright. How do I get started?

Install Neat and its dependencies, read the documentation and check the examples page if you get lost. If you want to use Neat on your Rails app, there is a gem for that. Feedback? If you think something is broken or can be improved, fork the repo. You can also tweet your questions or suggestions at https://twitter.com/kaishin and https://twitter.com/kylefiedler.

Bourbon and Neat are maintained and funded by thoughtbot, inc.

Links

Related tags

305 questions
25
votes
2 answers

What does Gulp's includePaths do?

I am attempting to start using Bourbon and Neat Sass libraries in my project. I want to compile Sass with Gulp. This is a simple styles task setup that I've found in one of the tutorials: var gulp = require('gulp'), sass = require('gulp-sass'), …
luqo33
  • 8,001
  • 16
  • 54
  • 107
8
votes
2 answers

Bourbon/Neat: Reset margin and let nested divs span the whole width

I am new to Bourbon/Neat. I have a question concerning nesting: I want the red boxes fill the whole width, without a gutter between them. When using "@include omega" on them, the first box removes its margin-right, but the right box has still the…
christophe
  • 692
  • 4
  • 14
  • 27
8
votes
3 answers

How to do mobile first with Bourbon Neat Framework

I've been using bourbon neat to do a desktop first layout that worked fine. However, I would like to do a mobile first versions, starting with mobile and working my way up. The default grid is 12 columns and for mobile I usually use a grid of 4. I…
user2852784
  • 101
  • 1
  • 4
8
votes
5 answers

Undefined mixin with Bourbon and Neat gems

I am using bourbon and neat gems for create the design of a rails application. My application.css.scss contains this: @import "bourbon"; @import "neat"; @import "main"; But if I run 'rake assets:precompile' then happens this error: rake…
Jesus
  • 171
  • 1
  • 7
7
votes
1 answer

NEAT algorithm result precision

I am a PhD student who is trying to use the NEAT algorithm as a controller for a robot and I am having some accuracy issues with it. I am working with Python 2.7 and for it and am using two NEAT python implementations: The NEAT which is in this…
Martin
  • 71
  • 3
7
votes
3 answers

Any good SharpNEAT tutorial?

SharpNEAT is a NeuroEvolution of Augmenting Topologies (NEAT) library in C#. The whole thing sounds pretty exciting but I can't find a damn sample/tutorial anywhere! Any help appreciated!
JohnIdol
  • 48,899
  • 61
  • 158
  • 242
7
votes
1 answer

create-react-app (without ejecting) + bourbon/neat?

I'm rewriting an "old" React prototype that uses Bourbon, it also uses gulp-sass in a gulpfile to inject a node-neat dependency: var sassOptions = { includePaths: require('node-neat').includePaths, }; I'd like to use the create-react-app…
zok
  • 6,065
  • 10
  • 43
  • 65
7
votes
4 answers

Bourbon Refill Navigation Menu slide up on click

I am using the Bourbon Refill navigation menu, and want to modify it so when a link is clicked on in small mode the menu slides back up. At the moment the menu drops down, but when a menu item is clicked the menu stays dropped down. As I am using…
Mike Harrison
  • 1,020
  • 2
  • 15
  • 42
7
votes
3 answers

Bourbon neat multiple breakpoints

I know following can be done in bourbon neat: $mobile: new-breakpoint(max-width: 320px); $tablet: new-breakpoint(max-width:760px min-width:321px); $desktop: new-breakpoint(min-width: 761px); then I can do something like this: @include…
emphaticsunshine
  • 3,725
  • 5
  • 32
  • 42
6
votes
1 answer

Python NEAT not learning further after a certain point

It seems that my program is trying to learn until a certain point, and then it's satisfied and stops improving and changing at all. With my testing it usually goes to a value of -5 at most, and then it remains there no matter how long I keep it…
Noah
  • 75
  • 7
6
votes
3 answers

Can neuroevolution of augmenting topologies (NEAT) neural networks be built in TensorFlow?

I am making a machine learning program for time series data analysis and using NEAT could help the work. I started to learn TensorFlow not long ago but it seems that the computational graphs in TensorFlow are usually fixed. Is there tools in…
frt132
  • 1
  • 1
  • 5
6
votes
1 answer

Set fixed gutter in Bourbon Neat

By default, Neat uses percentages as the margin-right of each span-columns element, but I'm hoping for a fixed 30px gutter, regardless of the outer-container width.
matthoiland
  • 912
  • 11
  • 24
6
votes
3 answers

Re-ordering columns with Thoughtbot Bourbon/Neat

I was looking for the best solution on how to re-order/shift the position of columns at different breakpoints using Thoughtbot's Neat grid framework? I would like to shift elements in my header from this ( in desktop resolution): to this ( in…
Concordia Discors
  • 369
  • 3
  • 15
6
votes
2 answers

How do I use Selectivizr to make the Bourbon Neat grid work in IE8?

I have the unfortunate task of making Bourbon Neat work with ie8. Thoughtbot's docs say you use Selectivizr for this. I followed Selectivizr's instructions and I see nothing different when testing in ie8. I also don't understand what if any fallback…
user1200468
  • 65
  • 2
  • 6
5
votes
2 answers

Remove outside gutters in Neat 2

I've upgraded to Bourbon Neat v2 which includes the addition of gutters on the left and right side of the container grid. In v1 I could use block-collapse in the span-columns mixin to eat the gutters either side of the element, however, in v2 this…
Peppermintology
  • 9,343
  • 3
  • 27
  • 51
1
2 3
…
20 21