Problems with full width container (with SUSY)

[Raul Vallespin]

I'm trying to set a full width container() for a webapp. I'm using this settings founded right here

$total-columns  : 12;

$column-width   : 7%;

$gutter-width   : 1%;

$side-gutter-width: 2.5%;

but i'm getting a max-width: 95% on .container class instead of 100%. What i'm doing wrong?

[Andrés gutiérrez]

$side-gutter-width: 2.5%;
2.5*2 = 5% + 95% = 100%

Mybe...

2012/5/21 Raul Vallespin <raulvalle...@gmail.com>

--
You received this message because you are subscribed to the Google Groups "Compass" group.
To view this discussion on the web visit https://groups.google.com/d/msg/compass-users/-/GNzlCSgVwOkJ.
To post to this group, send email to compas...@googlegroups.com.
To unsubscribe from this group, send email to compass-user...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/compass-users?hl=en.

[Eric Meyer]

That's right. Since max-width and grid-padding are applied to the same element, and max-width ignores padding, the two have to be added together.

Cheers,
-e

On Monday, May 21, 2012 6:47:14 AM UTC-6, andresgutgon wrote:

$side-gutter-width: 2.5%;
2.5*2 = 5% + 95% = 100%

Mybe...

2012/5/21 Raul Vallespin <raulvalle...@gmail.com>

I'm trying to set a full width container() for a webapp. I'm using this settings founded right here

$total-columns  : 12;

$column-width   : 7%;

$gutter-width   : 1%;

$side-gutter-width: 2.5%;

but i'm getting a max-width: 95% on .container class instead of 100%. What i'm doing wrong?

--
You received this message because you are subscribed to the Google Groups "Compass" group.
To view this discussion on the web visit https://groups.google.com/d/msg/compass-users/-/GNzlCSgVwOkJ.
To post to this group, send email to compas...@googlegroups.com.

To unsubscribe from this group, send email to compass-users+unsubscribe@googlegroups.com.