How to make Bourbon Neat not responsive

Question

I know this might sound weird, but I need to know how can I make Neat not-responsive?

I'm working on an "out-dated" layout, and I just need to have a better structure and cleaner code for now. — Karim Tarek, Nov 03 '13 at 21:39
You can set a variable $max-width anywhere in your sass file after the bourbon and neat import to your desired width. — michaellee, Feb 20 '14 at 21:17

score 2 · Answer 1 · answered Nov 13 '13 at 17:02

2

Open _outer-container.scss out of neat/grid and add just replace max-width: $max-width to width: $max-width.

answered Nov 13 '13 at 17:02

Rob Erskine

909
2
10
25

score 0 · Answer 2 · answered Nov 17 '13 at 15:36

0

Where you have your outer-container set the min-width for the same size of your container.

section {
  @include outer-container;
  min-width: 1088px;
}

answered Nov 17 '13 at 15:36

score -1 · Answer 3 · answered Nov 06 '13 at 03:52

do something like this

ie.scss

.ie8 {
    // Force IE8 to not be responsive
    //
    body {
        width: 1100px !important;
        margin: 0 auto;
    }

    * {
        max-width: none;
    }
}

header.js

if (Modernizr.mq('only all')) {
// initialise only for devices
}

How to make Bourbon Neat not responsive

3 Answers3