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
2
votes
1 answer

Neat (Bourbon) compilation issues with webpack.config.js

Good day: I'm currently trying to compile my _layout.sass file into CSS and I have dependencies on Bourbon and Neat. My current _layout.sass is this: @import '../bourbon/bourbon'; @import '../base/base'; @import "../neat/neat"; …
Dean
  • 887
  • 4
  • 16
  • 42
2
votes
1 answer

Fill blank space with Neat grid

I am using Bourbon Neat sass grid and we are trying to develop a simple template that has a sidebar on left and a content div on the right.
2
votes
0 answers

Can't convert the Java Encog 3.3 XOR NEAT example to use use HyperNEAT

I am trying to convert the Encog XOR using NEAT example to use HyperNEAT instead. I have spent many hours trying to figure out how to do it and reading a lot of Encog documentation and about NEAT and HyperNEAT in general but I can't figure out how…
Tmr
  • 268
  • 1
  • 7
2
votes
0 answers

Safari css transition bug? Elements disappear

I have an issue that is only appearing to me in Safari. I am developing a site that is fixed in position and is moved around with javascript, so you can't scroll it yourself its like a fake scroll. Some "panels" of this system are dark and some are…
jthawme
  • 223
  • 1
  • 10
2
votes
3 answers

set height of a div equal to outer container in bourbon neat

i am quite a newbie to neat. i have an outer container and 2 inner containers. one is leftcontainer and one is right. the right container has more text then left container so the height auto expands. the left container has less content so it's…
designerNProgrammer
  • 2,621
  • 5
  • 34
  • 46
2
votes
3 answers

How can I ensure that a div without content will get the height of the parent div?

i am trying to create to divs width the outer container set to 1000px and the inner left and right container to 50% each. Now i have used this code .leftNav { @include span-columns( 5 of 10); background-color:silver; …
designerNProgrammer
  • 2,621
  • 5
  • 34
  • 46
2
votes
1 answer

How do I make neat fluid past max width

I don't feel that neat's grid is truly fluid. A fluid grid would scale well all the way from mobile to a large tv screen such as 1920x1080. However the way that neat and bitters end up working creates a $max-width variable which is default set at…
MikaAK
  • 2,334
  • 6
  • 26
  • 53
2
votes
1 answer

Bourbon Neat Grid, at mobile breakpoint

I have a really basic website that uses sass and bourbon neat grid framework. I am trying to achieve the same effect as the (http://neat.bourbon.io/examples/), site. At 800px width the grids seem to have a breakpoint and drop the span-columns and…
Oliver
  • 99
  • 4
2
votes
1 answer

Difference between span-columns() and row() in Bourbon Neat

What is the difference between @include span-columns(12) and @include row()? Which should I use and when?
atesz
  • 23
  • 1
  • 3
2
votes
1 answer

Bourbon neat horizontal align div after display none

I have a header with 3 elements at full size layout (12 column grid): left= logo (3 columns), middle= nav (6 columns), right= social media (3 columns) At a smaller size (4 column grid) I've set "social media" to display none, "logo" and "nav" are…
user1910388
  • 235
  • 1
  • 6
  • 17
1
vote
0 answers

i cannot download the python package neat

Collecting neat Using cached neat-0.4.1.tar.gz (88 kB) Preparing metadata (setup.py): started Preparing metadata (setup.py): finished with status 'error' error: subprocess-exited-with-error python setup.py egg_info did not run…
1
vote
0 answers

Problem training AI in own Python Game (NEAT-Python)

for me its not possible to train an AI with Neat-Python in my own game enviroment :/ I downloaded a FlappyBird example from internet with Neat-Python implementation, there it works. I created a GIT Repo with a File, that starts Training the AI my…
1
vote
1 answer

Understand `reporting()` class in N.E.A.T algorithm

i'm making an AI using N.E.A.T algorithm that plays a game, there is a reporting function in this algorithm that shows statistics about every generation, and one of them is about the best genome, i'm trying to understand what is meant by this line…
Mahfouz
  • 31
  • 6
1
vote
1 answer

Why Python program for MultiNEAT causes the undefined symbol error?

I'm trying to execute retina_experiment.py program from Hands-on-Neuroevolution-with-Python book using conda and MultiNEAT. The working envirnoment (rt_multineat) setup is the following: conda create --name rt_multineat python=3.5 boost=1.67…
Helena
  • 23
  • 3
1
vote
1 answer

How do I install MultiNEAT using conda?

I'm trying to install MultiNEAT library with the following command: conda install -c conda-forge multineat The process hangs at "Solving environment" step: conda install -c conda-forge multineat Collecting package metadata (current_repodata.json):…
Helena
  • 23
  • 3