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

last-child logic for columns in Bourbon Neat

I'm wondering how the 0 margin on the last child is supposed to come in. I've got: body { @include outer-container; .content-main.with-sidebar { @include span-columns(8);} aside { @include span-columns(4); } } Body is centered with a…
Martin
  • 233
  • 1
  • 3
  • 14
0
votes
1 answer

Using nested breakpoint with bourbon neat

i would to test bourbon neat grid and i try actually to do a mobile first approach grid. My structure look like: #general #header .headHaut .headBas #content-global #left-content #content-inner …
webmaster pf
  • 389
  • 1
  • 5
  • 23
0
votes
3 answers

How to make Bourbon Neat not responsive

I know this might sound weird, but I need to know how can I make Neat not-responsive?
Karim Tarek
  • 797
  • 4
  • 18
0
votes
1 answer

Slide out navigation with CSS, Rails, Bourbon, and Neat

I am working on my first Rails project, and I am really struggling with trying to get a sliding menu working the Bourbon / Neat. My most recent attempt has revolved around attempting to use CSS :target and the Shift() mixin for Neat. Where I am…
Blind Fish
  • 998
  • 4
  • 14
  • 25
0
votes
4 answers

How do I get Burbon Neat running with code kit?

I have a burbon running on code kit. It is not problem, I cant get neat running? when i put @import "neat"; I get this error Syntax error: File to import not found or unreadable: neat. Load paths: / …
Zak Ferris
  • 47
  • 8
-1
votes
1 answer

I am getting an error while installing neat through pip

getting the following error when trying to install neat through pip: C:\Windows\System32>pip install neat WARNING: Ignoring invalid distribution -ip (c:\python310\lib\site-packages) WARNING: Ignoring invalid distribution -…
Anonymous
  • 3
  • 1
-1
votes
1 answer

Can someone add and explain NEAT alogrithm to simple game

I can't get the NEAT algo. Need someone to take my simple game made for human and add NEAT to it using NEAT-python library. Game - neural network must write a number that should be close to the randomly generated number in each round. Closer guess =…
Alfred Chabdarov
  • 1
-1
votes
1 answer

error, module neat has no attribute config

The problem is in the config = neat.config.Config(). I have neat installed and I'm using Sublime on Windows. I have looked through some other similar questions and most say to install neat-python, but I have that, and others were to do with…
x_Lost_gaming YT
  • 60
  • 5
-1
votes
1 answer

Bourbon Neat Custom Container Size

I tried experimenting on Bourbon Neat trying to create basic layout such as: HEADER ARTICLE SIDEBAR FOOTER What I want to achieve is, I wanted to create a container having a size of 970px though I could not get a fixed 970px instead I get 940px…
smrtrnx
  • 9
  • 2
-1
votes
3 answers

Bourbon/Neat media queries in em

I have some media queries in neat using ems. When using pixels you can do something like: @media (max-width: 640px) { ... } @media (min-width: 641px) and (max-width: 768px) { ... } When using ems these kind of queries would look like: @media …
rsdrsd
  • 307
  • 1
  • 4
  • 13
-1
votes
1 answer

Sass gulp crashes - SCSS Error : Illegal nesting: Only properties maybe nested beneath properties

Gulp-sass is crashing because of an error - because it was crashing at first I didn't even get an error, then I ran the sass through the ruby compiler instead I got the following. error neat/grid/_media.scss (Line 34: Illegal nesting: Only…
jojojohn
  • 725
  • 2
  • 10
  • 19
-1
votes
1 answer

Neat ignores the grid on mobile

I'm using the Neat Grid. Everything is fine on a 12-Grid but on mobile it doesn't work properly. SCSS: .how-it-works{ @include outer-container; border: 1px solid green; &--box{ border: 1px solid red; @include span-columns(4); } } …
Jans Mans
  • 23
  • 3
-1
votes
1 answer

Mobile Breakpoint Using Bourbon/Neat/Refills

I have created a rails app using bourbon/neat/bitters/refills for the sass. So far, have tried adding a few of the refills: centered nav & hero. Testing in a desktop browser and resizing window down to smallest breakpoint works perfectly: shifts…
jhl88
  • 1
  • 1
-1
votes
3 answers

Bourbon neat not behaving as expected in my mobile-first setup

I'm using bourbon neat for the first time and it's not behaving exactly how I would expect - which probably means I've set things up wrong. I'm developing mobile-first, so I would expect my layout to remain the same between my desktop breakpoint and…
MandsAtWork
  • 88
  • 9
-1
votes
1 answer

Neat framework not installing

I'm trying to install bourbon/neat in a non rails project. I followed the simple instructions found here: https://github.com/thoughtbot/neat#installation But as you can see Bash does not recognize the gem. I tried restarting Terminal, but nothing…
abarro
  • 25
  • 7
1 2 3
…
20
21