So I made the jump from susy to singularity but seems to be an issue with the $grids command.

First of went over this documentation on creating singuarity grids: https://github.com/Team-Sass/Singularity/wiki/Creating-Grids

Next I deleted the old theme, created a new theme using "compass create -r aurora --using aurora/singularity". Next in the _variables partial I did

#page {
@include background-grid;
}

Which creates the background. I did note that the background has 12 columns and unlike the documentation is blue rather than chocolate brown.

Next per the documentation I did the following: ( also in the _variables partial )

$grids: 8;
$gutters: 1/3;

When compass compiles it says "identical css/style.css " and the grid is still the same. No matter what changes I do it's always the same 12 column grid.

Here are the local gems:

*** LOCAL GEMS ***

actionmailer (2.3.5, 1.3.6)
actionpack (2.3.5, 1.13.6)
actionwebservice (1.2.6)
activerecord (2.3.5, 1.15.6)
activeresource (2.3.5)
activesupport (2.3.5, 1.4.4)
acts_as_ferret (0.4.3)
addressable (2.3.2)
breakpoint (1.3)
capistrano (2.5.2)
cgi_multipart_eof_fix (2.5.0)
chunky_png (1.2.5)
compass (0.13.alpha.0)
compass-aurora (1.0.1)
compass-normalize (1.4.1)
daemons (1.0.10)
dnssd (0.6.0)
fastthread (1.0.1)
fcgi (0.8.7)
ferret (0.11.6)
fssm (0.2.9)
gem_plugin (0.2.3)
highline (1.5.0)
hpricot (0.6.164)
i18n (0.6.0)
libxml-ruby (1.1.2)
modular-scale (1.0.2)
mongrel (1.1.5)
needle (1.3.0)
net-scp (1.0.1)
net-sftp (2.0.1, 1.1.1)
net-ssh (2.0.4, 1.1.4)
net-ssh-gateway (1.0.0)
rack (1.0.1)
rails (2.3.5, 1.2.6)
rake (0.8.3)
RedCloth (4.1.1)
respond-to (2.5)
ruby-openid (2.1.2)
ruby-yadis (0.3.4)
rubygems-update (1.8.24)
rubynode (0.1.5)
sass (3.2.1)
sassy-buttons (0.1.1)
sassy-math (1.2)
singularitygs (0.0.15.1)
sqlite3-ruby (1.2.4)
susy (1.0.3)
termios (0.9.4)
toolkit (0.2.0.1)
xmpp4r (0.4)
zen-grids (1.2)

*** Note currently I can't update compass, if I run gem install compass it borks my laptop, I have to reboot to reconnect to the internet.

Is this a gem issue or am I not doing the grid command correctly? Do I need to include a mixin? I see the grid-objects mixin is no longer used.

Thanks

Comments

mrynearson’s picture

mrynearson commented

Well I tried this on another mac box and while I did get some things working I still am getting the default 12 columns on the background grid. Things that I note:

1) I followed Sam's instructions on bundler ( http://drupal.org/project/aurora/#using-bundler) but I got ruby errors. I did match the versions from the recommended gemfile by using gem install using the version option.

2) I find that the visual grid default color from https://github.com/Team-Sass/Singularity/wiki/Creating-Grids#visualizing... is only correct when using the latest version of the singularitygs gem. When using the recommended 0.0.17 singularitygs gem the background color is blue instead of chocolate.

3) I thought perhaps the 12 columns might be related to this older ticket: https://github.com/Team-Sass/Singularity/issues/71. However when I used the singularitygs --pre gem it didn't resolve the issue.

4) When I add the $grids values, compass watch indicates no css changes. It makes me think it's not recognizing the grid value. I am following the examples of https://github.com/Team-Sass/Singularity/wiki/Creating-Grids

Is it possible that I'm seeing the default 12 grids because no grids are being defined?

I'd really like to get this figured out because Singularity looks awesome. Otherwise I guess it's back to Susy.

Current local gems on this config

*** LOCAL GEMS ***

blend-mode (0.0.1)
breakpoint (1.3)
bundler (1.3.5)
chunky_png (1.2.8)
color-schemer (0.2.3)
compass (0.13.alpha.4)
compass-aurora (1.1.1)
compass-normalize (1.4.3)
fssm (0.2.10)
listen (0.7.3)
modular-scale (1.0.6)
rb-fsevent (0.9.3)
respond-to (2.6)
sass (3.2.8)
sassy-buttons (0.1.4)
sassy-math (1.5)
sassy-strings (0.3.1)
singularitygs (0.0.17)
susy (1.0.8)
toolkit (0.2.6)

Thanks!

Snugug’s picture

Snugug commented

If you are creating a new project, use the newest version of the Compass extensions. Your Bundler Gemfile should look like the following:

# Pull gems from RubyGems
source 'https://rubygems.org'

# ~> Refers to all versions of the given gem on the current full version number, so it will be able to use any version of Compass Aurora until Compass Aurora 4.x.x. For a specific version of a gem, remove the ~>
gem 'toolkit', '~>1.0.0'
gem 'singularitygs', '~>1.0.7'
gem 'breakpoint', '~>2.0.2'
gem 'sassy-buttons', '~>0.1.4'
gem 'compass-normalize', '~>1.4.3'

# Now that you're using Bundler, you need to run `bundle exec compass watch` instead of simply `compass watch`.

Your _base.scss file should also now look like this:

////////////////////////
// Base Partials
//
// These files will be shared across all three of your output
//  CSS files. Generally included here are only Compass Extension
//  imports and imports for variables, functions, mixins, and extendables.
//
// Toolkit imports all of Compass, so there is no need to import it separately.
////////////////////////

//////////////////////////////
// CSS Resets
//
// Choose your CSS Reset method:
//  If you'd like a hard reset, uncomment `compass/reset`.
//  If you'd prefer a soft reset, uncomment `compass-normalize`
//////////////////////////////
// @import 'compass/rest';
// @import 'compass-normalize';

////////////////////////
// Compass Extensions
////////////////////////
@import 'singularitygs';
@import 'toolkit';
@import 'sassy-buttons';

////////////////////////
// Private Imports
////////////////////////
@import 'variables';
@import 'functions';
@import 'mixins';
@import 'extendables';

The Bundler settings on the front page are for current installs. Aurora 3.x will look more like what you see above.

mrynearson’s picture

mrynearson commented

Thanks Sam!

Snugug’s picture

Snugug commented
Status: Active » Closed (fixed)