If you enable the grid display behing the background using a 16grid layout, the columns are shown as 50px wide, where this should be 40px. See: http://960.gs/demo.html

Can I change this somewhere easily?

CommentFileSizeAuthor
#2 Schermafbeelding 2011-11-13 om 13.43.24.png51.35 KBBarisW
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

tsi’s picture

tsi CreditAttribution: tsi commented
Category: bug » support
Status: Active » Fixed

I see 40px columns + 20px gutter, but anyway, this is dynamically calculated using your grid settings.
The defaults are :

$ninesixty-grid-width: 960px;
$ninesixty-columns: 16;
$ninesixty-gutter-width: 20px;

you may change this in your _settings.scss file.

BarisW’s picture

BarisW CreditAttribution: BarisW commented
FileSize
Schermafbeelding 2011-11-13 om 13.43.24.png51.35 KB

I already did, but it still shows 50px and the gutter seems to be about 14px wide. I'm using Chrome.

This is the generated css code:

background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(20%, #e6ffa8), color-stop(20%, #ccea7e), color-stop(100%, #ccea7e), color-stop(100%, #e6ffa8));
background-image: -moz-linear-gradient(left, #e6ffa8 10px, #ccea7e 10px, #ccea7e 50px, #e6ffa8 50px);
background-image: linear-gradient(left, #e6ffa8 10px, #ccea7e 10px, #ccea7e 50px, #e6ffa8 50px);
background-size: 60px;

As you can see in the screenshot, it misses a right margin as well.

BarisW’s picture

BarisW CreditAttribution: BarisW commented
Category: support » bug
Status: Fixed » Active

Tsachi, I'm setting this back to bug, because I'm not sure if it's a misconfiguration or a bug.

tsi’s picture

tsi CreditAttribution: tsi commented

My math is pretty simple, do you see anything wrong ?

$space : $ninesixty-gutter-width / 2;
$column: $ninesixty-grid-width / $ninesixty-columns - $space;
body.show-grid #page {
  @include linear-gradient(color-stops(#e6ffa8 $space, #ccea7e $space, #ccea7e $column, #e6ffa8 $column), left);
  background-size: $ninesixty-grid-width / $ninesixty-columns;
}

Taken from ninesixtyfive.scss

P.S. About this and other issues, we are having a crazy week here, we will take care of them but it might take a few days, anyway, thanks for reporting and, as always, any patch will be highly appreciated.

tsi’s picture

tsi CreditAttribution: tsi commented
Title: Background image doesn't match grid layout » Background image doesn't match grid layout on chrome
Status: Active » Fixed

Well, you mention in #2 that you're using chrome, I just didn't notice that, on firefox it was fine all along.
for chrome I needed to specify the right gutter as well, firefox took the first color by default.
This is fixed in the dev branch and in the next release.
Thanks

BarisW’s picture

BarisW CreditAttribution: BarisW commented

Cool, thanks!

tsi’s picture

tsi CreditAttribution: tsi commented
Project: 965 » Sasson
Version: 7.x-2.0-beta2 » 7.x-2.x-dev
Status: Fixed » Closed (fixed)

The SASS branch of 965 has a new home and is now called Sasson.

  • Commit e30db62 on 7.x-2.x, 7.x-3.x, PHPSass, 7.x-3.x-Assetic, 7.x-3.x-susy by tsi: 
    issue #1340122 by BarisW - Background image doesn't match grid layout on...