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
1
vote
1 answer

Confusion about Neat 2.0 grid media

According to the official neat documentation, I should be about to use gird-media to change my layout based on a media query. But when I try to run the example code I get the following error: @include grid-media($custom-neat-grid,…
Herr Josua
  • 453
  • 7
  • 19
1
vote
0 answers

Irregular neural networks with tensorflow?

I'm building Neural Evolution of Augmented Topologies and I'm looking for a way to optimize my algorithm. The network represents an irregula set of connections between neurons. I'm not very familiar with tensorflow, but I suppose that there is a way…
Emil Terman
  • 526
  • 4
  • 22
1
vote
1 answer

includePaths isn't providing my import statement with what I need in node-sass

I am using a javascript render function to automate a node-sass build, but the import statements are still failing to find bourbon and neat. render.js var sass = require('node-sass'); var bourbon = require("bourbon").includePaths; var neat =…
tcmoore
  • 1,129
  • 1
  • 12
  • 29
1
vote
0 answers

sass @include works in some files and not others

I'm using the sass library 'bourbon neat'. It provides a mixin called "outer-container". I have a sass file structured like this: @import bourbon/bourbon @import neat/neat @import componentOne @import componentTwo I want to use neat from within…
bob
  • 753
  • 4
  • 15
  • 27
1
vote
1 answer

Neat 2.0 in combination with Flexbox to align middle

I'm trying to use Neat 2.0 (to handle horizontal alignments) along with Flexbox (to handle vertical alignments). What I'm trying to achieve is the middle content next to the image, followed by the next row. However, for some reason, everything gets…
skube
  • 5,867
  • 9
  • 53
  • 77
1
vote
0 answers

Gem installing an old version of Neat

Trying to install bourbon neat 2.0 and cannot get current version to install. Running the commands to install to directory gem install neat followed by neat install and all appears normal. Messages even says "fetching 2.0.0" etc, however once…
thatryan
  • 1,551
  • 6
  • 21
  • 39
1
vote
1 answer

Neat 2.0 - Setting the grid size from full-width to specific px

I have currently started messing around with the new Neat 2.0 framework. Previously in 1.8 when creating the grid the outer-container() mixin accepted an actual number for the size of your grid. However now with using Sass mapping the…
Nathan Hulsey
  • 39
  • 7
1
vote
2 answers

Second row of Neat grid not working properly

I'm trying to use Neat's grid-container to create two rows of three, but the second row isn't starting as expected, because of different text lengths in the first row. The HTML:
…
lovestacos
  • 13
  • 3
1
vote
1 answer

Bourbon/Neat Grid 2.0 shift issue

I have a custom neat grid 2.0 grid where I want to push the columns to different areas depending on screen size. For instance, on mobile, the footer-submit is stacked 1st. On desktop it's pushed to the far right side of the screen. What I have…
Brian Edelman
  • 727
  • 4
  • 10
  • 26
1
vote
1 answer

Neat 2.0 tablet media query not working

In Neat 1.8 I used 3 breakpoints for my media queries and they where as follows: $mobile: new-breakpoint(min-width 320px max-width 767px); $tablet: new-breakpoint(min-width 768px max-width 1024px); $desktop: new-breakpoint(min-width 1025px); But in…
Hanna
  • 13
  • 4
1
vote
2 answers

Why is there no grid-row in neat?

I want to tell Neat that I want to start a new row within the grid. Unfortunately there is no grid-row in Neat. Why is that and how do you tell Neat that you are finished with the current row?
user2656732
1
vote
1 answer

File to import not found or unreadable: neat/neat

I have a Rails project that I'm trying to add Bourbon and Neat to the app. I have installed the gems and I have now tried to include the imports to the main stylesheet. But when I try to refresh the home page I get this error. File to import not…
Bitwise
  • 8,021
  • 22
  • 70
  • 161
1
vote
1 answer

How to make a multiple lines row in Bourbon Neat?

I tried to align my articles on a simple grid with Bourbon Neat. The html:
1
2
3
4
5