Susy: susy-grid-background always shows 12 columns regardless of $total-cols no.

Iain Barnett

unread,

May 23, 2012, 11:38:47 AM5/23/12

to compas...@googlegroups.com

From the Susy docs: http://susy.oddbird.net/guides/reference/#ref-grid-background

SUSY GRID BACKGROUND

Show the Susy Grid as a background-image on any container.

// susy-grid-background();
.page { @include susy-grid-background; }

If you are using the <body> element as your Container, you need to apply a background to the <html> element in order for this grid-background to size properly.

Snippets of my css:

$total-cols : 16;

$column-width : 4em;

$gutter-width : 1em;

$grid-padding : $gutter-width;

html { background: #fff no-repeat left top; }

.standard {

@include container;

@include susy-grid-background; /* Susy */

and in my Haml:

%body.standard

Whatever I've tried the grid always shows 12 columns. Would anyone be kind enough as to point me in the direction I need to go to get this debug tool to work?

Regards,

Iain

Eric Meyer

unread,

May 23, 2012, 1:11:21 PM5/23/12

to compas...@googlegroups.com

$total-cols should be $total-columns - that variable name changed in 1.0.

Cheers,
-e

Iain Barnett

unread,

May 24, 2012, 5:26:01 AM5/24/12

to compas...@googlegroups.com

Thanks, I think I got some of the code from an older blog post (which is another reason I wish people would add version info to articles... oh well). Much appreciated!