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

Bourbon Neat -- Is outer-container necessary?

I am wondering if @include outer-container is necessary? I've noticed that the behavior ( at the surface ) is the same with or without. However, I realize that there are possible implications to assuming this. page.html with outer-container
ma77c
  • 1,052
  • 14
  • 31
0
votes
1 answer

Bourbon Neat -- grid behavior

I am using Bourbon Neat grid to size the widths of various divs on a web page. default.html
{{ content }}
default.scss main { @include span-columns(6); } page.html The content of this page will be…
ma77c
  • 1,052
  • 14
  • 31
0
votes
1 answer

Bourbon Neat - Shift columns to align vertically?

I want to align my columns differently to their HTML source order. I am trying to use shift() to do this, but I am getting problems aligning them horizontally. To better demonstrate my problem, I put this CodePen…
Michael Giovanni Pumo
  • 14,338
  • 18
  • 91
  • 140
0
votes
2 answers

Change Bourbon default em size

Bourbon.io is great, even better when used with Neat. The default 1em size is set to 16px, how do you change that to 14px? // Overwrite the em-base $em-base: 14px; I know that is the correct overwrite, but where should be added to get the correct…
matthewelsom
  • 944
  • 1
  • 10
  • 21
0
votes
1 answer

Bourbon+Neat SCSS library produces bloated CSS output

I am working with Bourbon Neat to build my css file but I looking at redundant css being populated. scss file has the following: .col-9 { @include span-columns(9); } .col-3 { @include span-columns(3); @include omega(); } CSS output for…
Vish
  • 383
  • 2
  • 8
  • 25
0
votes
1 answer

How disable stacking elements with Bourbon Neat

I am trying to retain a side-by-side layout at mobile widths with Bourbon Neat. With Bootstrap, you can do:
What is the equivalent in…
J7stin
  • 491
  • 1
  • 4
  • 12
0
votes
2 answers

Can't change margin for a link elements in Bourbon / Neat / Bitters SCSS Rails installation

I'm trying to make what I thought would be a minor change to the CSS / SCSS in Bourbon in my Rails 4 website. I'm simply trying to create more margin between my submit button and the "go back" link. At the moment the two elements are too close…
neo5_50
  • 466
  • 1
  • 5
  • 19
0
votes
0 answers

semantic-ui extend existing css classes

I've kind of comparing Bourbon Neat and Semantic-UI - if I don't really have access to the html code it is simple in Neat to apply grid classes to existing HTML code/elements and set up the overall layout/structure of a page with content and sidebar…
user1678736
  • 2,133
  • 4
  • 16
  • 10
0
votes
2 answers

Getting Bourbon without Node, Ruby or anything else

I am a Visual Studio developer who has no need for Ruby, Node, SASS compilers, Minifiers, Grunt or any other such. VS and Web Essentials handles it all for me. I am just getting into SASS and I like what I see with Bourbon and Neat. But I would…
Brad Mathews
  • 1,567
  • 2
  • 23
  • 45
0
votes
1 answer

bourbon neat grid 12 column not working

I am trying to use bourbon neat grid, and trying to get two column side by side with 8:4 ratio But second div goes underneath the first.
Tariq G
  • 346
  • 2
  • 9
0
votes
0 answers

How can I change the height and width of slideshow in NEAT theme?

The words on my pictures in my slideshow on my home page are being cut off. How do I change the width and height so that you can see the entire picture in the slideshow?
angelina morrison
  • 1
0
votes
1 answer

Sass bourbon neat breakpoints not working

So I am new to Sass and Bourbon with Neat and for some reason the breakpoints I am using dont seem to be responding. I have the Sass importing like so //Bourbon @import "bourbon/app/assets/stylesheets/bourbon"; //Neat @import…
Packy
  • 3,405
  • 9
  • 50
  • 87
0
votes
0 answers

Stacking columns unevenly

I'm using Bourbon Neat for my grid system. I've attached an image because I felt that describing what I want would be more confusing than looking at an image. The blocks are posts (article tags) from Wordpress. I know that I could achieve this if I…
gin93r
  • 1,551
  • 4
  • 21
  • 39
0
votes
1 answer

Saving NEAT networks?

In Java's version of Encog, how do I save a NEAT network and its training? I'd like to be able to close my software and resume its training where it left off the next time I run it. I have a NEATPopluation, CalculateScore, and EvolutionaryAlgorithm…
Anonymous
  • 696
  • 8
  • 21
0
votes
1 answer

Admin Dashboard layout with Bourbon Neat

Is there a way to make a sidebar with a position fixed and make the content align to a grid like Bourbon Neat? A good example of what i'm trying to do is like the bourbon neat doc page: http://thoughtbot.github.io/neat-docs/latest/ I don't want the…
Etienne L
  • 31
  • 5
1 2 3
…
20 21