Stack Exchange
Stack Overflow
  • Questions
  • Tags
  • Users
  • About
Stack Overflow
    1. Public
    2. Questions
    3. Tags
    4. Users
    5. About

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

  • Official website
  • Documentation
  • Github repo

Related tags

  • sass
  • bourbon
305 questions
1
vote
1 answer

Re-Ordering columns using shifts in Bourbon Neat

i am able to reorder content using shift(+2). But i am unable to reorder if i have to place column down to second row... Here is what i am doing... 2 columns left and right, and using shifts in mobile view i do right to left and left to right but…
css responsive-design sass neat
asked Apr 05 '15 at 02:23
Cloudboy22
  • 1,496
  • 5
  • 21
  • 39
1
vote
1 answer

Bourbon family without Ruby

I'm currently trying to make my company use Bourbon/Neat/Bitters/Refills, the Toughtbot front-end stack often refered as the Bourbon family. But while we use Ruby on most of our projects, we code static websites from time to time. On that kind of…
ruby gulp bower bourbon neat
asked Mar 09 '15 at 17:30
Ruff9
  • 1,163
  • 15
  • 34
1
vote
1 answer

Multiple Parallax Backgrounds

I am trying to use the Bourbon Parallax Refill for multiple backgrounds on a page. This is where I am getting the code from: http://refills.bourbon.io/components/#er-toc-id-14 And my codepen setup: http://codepen.io/mikehdesign/pen/jEKLPj My code is…
jquery css parallax bourbon neat
asked Feb 27 '15 at 11:49
Mike Harrison
  • 1,020
  • 2
  • 15
  • 42
1
vote
2 answers

100% height divs with centered content

I'm trying to recreate: http://jsfiddle.net/MGRdP/6/ html, body{ height:100%; } .table { width: 100%; display: table; height:100%; } .cell { border: 2px solid black; vertical-align: middle; display:…
css vertical-alignment neat
asked Feb 07 '15 at 05:41
master
  • 266
  • 1
  • 14
1
vote
1 answer

Bourbon Neat -- outer-container not full width of browser

I have a div that I want to act as a full-width header. Basically, the title and maybe a phone number and address. The aim of this question is to make this div the full width of the browser. New to Bourbon Neat My impression is that it works with…
css ruby-on-rails bourbon neat
asked Jan 29 '15 at 18:12
ma77c
  • 1,052
  • 14
  • 31
1
vote
1 answer

Position child element outside its context in Bourbon Neat

I'm trying to change the context of an html children element.
The main-contentelement is 6 columns wide and is shifted by 2. I would like…
grid bourbon neat margin
asked Jan 29 '15 at 11:47
Milksamsa
  • 319
  • 1
  • 5
  • 17
1
vote
2 answers

Margin between columns using Neat

It appears to me that the default behavior for Neat should be that each span column should have a margin (or gutter) between adjacent span columns. Every example that I've found online simply installs Neat, does a quick demo, and the result has a…
html css sass bourbon neat
asked Jan 28 '15 at 20:50
m_reese
  • 13
  • 2
1
vote
0 answers

Bourbon/Neat Rails Error: List index is 2 but list is only 1 item long for nth

Disclosure: This is my first Rails app I'm getting an error within Neat when trying to use the new-breakpoint mixin. I have cut-up my application templates and am now spinning up and integrating them in to a new Rails instance. Bourbon and Neat work…
ruby-on-rails sass neat
asked Dec 25 '14 at 13:02
lukerollans
  • 362
  • 1
  • 5
  • 13
1
vote
0 answers

Source reordering in Bourbon Neat

i am new to Neat. I am unable to figure out how to reorder the columns in bourbon neat grid. can someone give me some tip please. thanks. i read the documentation but i didn't understand anything useful for ordering. thanks.
css responsive-design bourbon neat
asked Nov 20 '14 at 02:57
Cloudboy22
  • 1,496
  • 5
  • 21
  • 39
1
vote
1 answer

Undefined mixin when using Bourbon Neat

I am using Bourbon and Neat, and have the following code @include direction-context(right-to-left) { div.actions { @include shift(3); @include shift(10); } } and am getting the following error: Undefined mixin 'direction-context'. I have double…
css sprockets bourbon neat
asked Nov 11 '14 at 15:36
pingu
  • 8,719
  • 12
  • 50
  • 84
1
vote
1 answer

Gem Install - Permission denied @ dir_s_mkdir

I'm trying to install a few gems, specifically Bourbon and Neat. When trying to install Neat though, it seems to install just fine. But when I run neat -v or neat install, I get this…
ruby rubygems neat
asked Sep 20 '14 at 13:15
realph
  • 4,481
  • 13
  • 49
  • 104
1
vote
1 answer

Bourbon - Neat - Alternating Left/Right - Right/Left Columns - Same DOM Structure

I have recently started looking into Bourbon and Neat to use on my personal website and potentially for future projects. I am attempting to recreate an alternating left to right, right to left layout. Similar to this:…
sass bourbon neat alternating
asked Sep 04 '14 at 10:51
Markus Von Plunkett
  • 26
  • 4
1
vote
1 answer

linear-gradient not a string for `str-slice') in bourbon

While I was creating theme with Bourbon, I got the error below: error sass/screen.scss (Line 18 of sass/bourbon/css3/_background.scss: \ $string: linear-gradient(10deg, #217142,#214271) is not a string for `str-slice') Here's code in…
css sass compass-sass bourbon neat
asked Aug 13 '14 at 19:27
ekremkaraca
  • 1,453
  • 2
  • 18
  • 37
1
vote
1 answer

Neat emitting Css with width of a container NaN%

I created a demo neat project and gave it columns in Sass. here is the code. @import "../bourbon/bourbon"; // @import "../neat/neat-helpers"; $column: 0px; $gutter: 0px; $grid-columns: 10; $max-width: 100%; $large: new-breakpoint(max-width…
css responsive-design media-queries bourbon neat
asked Jul 24 '14 at 06:04
designerNProgrammer
  • 2,621
  • 5
  • 34
  • 46
1
vote
2 answers

Defining breakpoints in SASS

i am quite confused here.I am using Sass for Bourbon Neat and I am unable to set breakpoints using neat. Somehow they don't show up correctly in mobile and browser. here is the code $mobile: new-breakpoint(max-width 800px 4); $tablet:…
css responsive-design bourbon neat
asked Jul 17 '14 at 02:03
designerNProgrammer
  • 2,621
  • 5
  • 34
  • 46
Prev 1 2 3
…
20 21 Next