Search code examples
csscompass-sasssusy-compass

Compass susy columns with no gutters?


I have a grid that works perfectly, except that I want the columns in the nav to butt up against each other. This is a 24-column magic grid on desktop, and each of these nav items are 4/24. If I try negative margins, they no longer span the whole width of the nav bar, they slide over to the left and leave a hole (last item is an omega). Can this be done with columns, or do I just need to do my navbar without? Here in this screenshot I have colored them all gray to make it obvious:

enter image description here


Solution

  • Eric Meyer is so awesome that he's now included something that would help you with this problem Steve - have a look at bleed in the latest version of Susy.

    I believe this would help you with your problem. It allows you to do the following:

    .nav-item {
      ...
      @include bleed(1 of 4);
    }
    

    Have a thorough read through of the update to susy with isolate & bleed

    Hope that helps! And thanks Eric for doing such a great job on Susy :)