Getting errors during scss compilation with gumby

[cmosguy]

Hey @rtablada

i am getting a weird error when i am using the compass compile system:

directory tmp/compass_compiler-tmp_cache_dir-UOxBeEEL.tmp/assets
    error sass/app.scss (Line 36 of /var/lib/gems/1.9.1/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss: Incompatible units: 'px' and 'em'.)

Command failed: /bin/sh -c compass compile --sass-dir=sass --cssdir='/home/vagrant/baconbots/tmp/compass_compiler-tmp_cache_dir-UOxBeEEL.tmp/assets' --output-style=compressed --config=app/styles/config.rb

Do you know how to fix this?

[rtablada]

Hey @cmosguy this is an issue that should was addressed in the latest version of Gumby and fixes an issue with later versions of Compass and Sass.

This issue is addressed in the Lesson for Styling Soundcloud and should be fixed by running:

git cherry-pick 1cc13b sass/var/_settings.scss bower.json

You can see some of these changes here: https://github.com/EmberGrep/zero-to-prototype/commit/1cc13b2f01f0d1e4b5e3f266f49d703805651094

[cmosguy]

@rtablada sorry to keep bugging you on this, but now i am getting this:

directory tmp/compass_compiler-tmp_cache_dir-uh1b8KeQ.tmp/assets
    error sass/app.scss (Line 12 of bower_components/gumby/sass/functions/_typography.scss: 17.94427em/px isn't a valid CSS value.)

here is my gem install versions

*** LOCAL GEMS ***

bigdecimal (1.2.6)
bundler-unload (1.0.2)
chunky_png (1.3.4)
compass (1.0.3)
compass-core (1.0.3)
compass-import-once (1.0.5)
executable-hooks (1.3.2)
ffi (1.9.8)
gem-wrappers (1.2.7)
io-console (0.4.3)
json (1.8.1)
modular-scale (2.0.6)
multi_json (1.11.0)
psych (2.0.8)
rake (10.4.2)
rb-fsevent (0.9.4)
rb-inotify (0.9.5)
rdoc (4.2.0)
rubygems-bundler (1.4.4)
rvm (1.11.3.9)
sass (3.4.13)
sassy-math (1.5.1)

This is becoming very painful, is there a github repo or version that is clean and working out of the box that has all the right versions i need to continue?

[rtablada]

If you ran the cherry-pick command above, then you will need to run bower update to make you also have the latest version of gumby.

If not, can you make a repo for me to see what the current code you have looks like?

[cmosguy]

HI @rtablada yes thanks for getting back to me. I did run the cherry-pick command as you suggested and then did a bower update, but for some strange reason i am still getting those errors.

Here is the repo with the checked in updates:

https://github.com/cmosguy/zero-to-prototype

Many thanks for your support!

Adam