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
2 answers

Bourbon Neat: variable $column and $gutter for different breakpoints

I need different column and gutter widths for different breakpoints, but this has no effect in _grid-settings.scss @media screen and (max-width: 539px) { $column: percent(100/4); $gutter: em(13); } @media screen and (min-width: 540px) { …
Ian McLaughlin
  • 121
  • 1
  • 3
1
vote
2 answers

Gulp with Bourbon/Neat, no mixin named media

I'm taking over a project and I can't get gulp to compile the CSS, I get the error: Error: assets/sass/pages/_global.sass Error: no mixin named media Backtrace: assets/sass/pages/_global.sass:86 on line 86 of…
fizgig
  • 292
  • 2
  • 4
  • 22
1
vote
0 answers

What to do when neural network(NEAT) neuron becomes too negative?

I'm working on a NEAT neural network and i'm not sure how to handle neurons that reach a negative action potential. If a neuron's action potential reaches a certain threshold it fires and it's action potential is set back to 0, so it doesn't fire…
Blaz Pecnik
  • 11
  • 1
1
vote
1 answer

Divs rendering outside outer-container?

I have a bunch of posts rendering inside an outer container:
1
vote
1 answer

Avoid span-column to set right-margin for :last-child

Given the HTML :
And this Sass : .parent { .element { @include span-columns(2.5 of 8); } } It generates the CSS : .parent .element { float:…
Quentin
  • 1,085
  • 1
  • 11
  • 29
1
vote
1 answer

NEAT C++ Compiler errors Microsoft Visual Studio 2012

I would like to run the following C++ library (from 2010) under Microsoft Visual Studio 2012: http://nn.cs.utexas.edu/?neat-c I already fixed a lot of compiler errors, but for some issues I find no solution. The compiler errors are: 1>------ Build…
HansPeterLoft
  • 489
  • 1
  • 9
  • 28
1
vote
0 answers

How to cross validate by using Encog?

There are no articles about corss-validation and the way of getting network weights after training by using NEAT in Encog. I really apreciate it if someone could give me how to do that.
whatchan
  • 11
  • 1
1
vote
1 answer

Multiple column flowing text with Bourbon / Neat

I have a rails app that outputs an variable number of
  • #{content}
    • components into an HTML page. These elements are not big and do not fill across a whole screen. I'd like the list to wrap around and into multiple columns, ideally based on…
    Huw
    • 635
    • 11
    • 25
    1
    vote
    0 answers

    Workaround for float margins not collapsing

    We're building a website using the Bourbon Neat grid framework. It uses float: left for column placement. Our site structure consists of rows which may contain one or more columns. If we only have one column, it is not floated and has 100% width.…
    Kaivosukeltaja
    • 15,541
    • 4
    • 40
    • 70
    1
    vote
    1 answer

    Neat block-collapse - how to use - what's its purpose

    I'm kind of confused how the neat grid works when using block-collapse - assuming a 3 column grid, the first two column result in a width of something like 34....% and the third column is around 31...% so I'm not getting three equal columns next to…
    user1678736
    • 2,133
    • 4
    • 16
    • 10
    1
    vote
    3 answers

    How to get rid of page margins using Neat and Bourbon

    Using Bourbon and Neat, it seems to add an 8 pixel pad around the page by default. What is the solution to get rid of that padding and make the page content extend to use the entire width and height of the page?
    Midwire
    • 1,090
    • 8
    • 25
    1
    vote
    1 answer

    How can I add a gallery of photos to the Big Cartel NEAT Theme?

    I'm using the Big Cartel NEAT theme and on the Product page, it has one main photo and the product info next to it. Page: http://twicedrunk.bigcartel.com Any secondary photos are displayed (HUGE) underneath and it looks ridiculous. I'd like to set…
    Dan is Twice Drunk
    • 11
    • 2
    1
    vote
    1 answer

    How to define bourbon and neat in grunt js file / windows 8 user?

    I'm trying to use this code and I get error for using "loadPath" duplicated. options: { style: "compressed", sourcemap : true, loadPath: require('node-bourbon').includePaths, loadPath:…
    A.Rhman Sayes
    • 241
    • 1
    • 5
    1
    vote
    2 answers

    Changing $column and $gutter does not have effect in Bourbon Neat

    I'm using Bourbon and Neat, and got everything working as it should, apart from one thing. When I change the values of $column and $gutter in _grid-setting, nothing changes. Those are the only two variables that don't have any effect. Changing…
    Bart Rylant
    • 173
    • 1
    • 1
    • 7
    1
    vote
    1 answer

    How to get html hr tag to stop overlapping onto nearby text when page is resized - using Bourbon Neat grid framework

    I have some text, a page title, then on the same line just to the right of said title is an hr-tag vertically centered. Everything is positioned using Neat's grid framework. It is responsive for the most part - the hr line resizes etc.. but also…
    Samanthaj
    • 13
    • 4
    1 2 3
    …
    20 21