Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Touch Premium Member
    Join Date
    Mar 2011
    Location
    Portland, OR
    Posts
    133
    Vote Rating
    5
    markwyner is on a distinguished road

      0  

    Default SASS Errors in Version 1.1

    SASS Errors in Version 1.1


    Hello,

    Yesterday DavidGillespie inquired about getting help with SASS issues and Nicodemuz reported the same error:

    http://www.sencha.com/forum/showthre...p-with-theming!

    As it turns out, his error is directly related to the 1.1 release. I can confirm this as well because after having updated from 1.0.1a to 1.1 I received an error when attempting to watch my SASS directory with Compass. My error was different, but I believe they're both related to the 1.1 release.

    We collectively discovered two different errors:

    1. DavidGillespie and NicoDemuz's error:

    Code:
    error myapp.scss (Line 24: Undefined mixin 'background-image'.)
    Sass::SyntaxError on line ["24"] of u: Undefined mixin 'background-image'.
    I found the referenced line 24 in /resources/themes/stylesheets/sencha-touch/default/_mixins.scss:

    Code:
    @include background-image(linear-gradient(color_stops(lighten($bg-color, 30%), lighten($bg-color, 7%) 2%, darken($bg-color, 7%))));
    2. My error:

    Code:
    NoMethodError on line 9 of /Users/markwyner/Documents/Gigs/PriceBox/Site_Sencha/www/resources/sass/../themes/lib/theme_images.rb: undefined method `inline_image_string' for #<Sass::Script::Functions::EvaluationContext:0x1011f6bc8>
    When I reverted to 1.0.1a and ran a watch I received no errors, so I can confirm my error is directly related to the new version. Line 9 of theme_images.rb in 1.1 reads:

    Code:
    inline_image_string(data(real_path), compute_mime_type(path, mime_type))
    That same line in theme_images.rb in 1.0.1a reads:

    Code:
    url = "url('data:#{compute_mime_type(path,mime_type)};base64,#{data(real_path)}')"
    Any help resolving this would be greatly appreciated.

    Thanks in advance.
    -------------------------------------------
    Mark Wyner, Partner, Bunker
    http://bunkercollective.com/

  2. #2
    Ext JS Premium Member
    Join Date
    Apr 2008
    Location
    San Francisco, CA
    Posts
    10
    Vote Rating
    0
    stormin_walker is on a distinguished road

      0  

    Default


    Sencha upgraded Compass support to 0.11. There have been a few complaints (including from me) that it wasn't made explicit in the release notes about this breaking change. So you will need to upgrade Compass to the latest beta version. To do that (in Mac - but essentially the same in Windows) do this:

    $ gem install chunky_png -v 0.12.0
    $ gem install compass --pre

    (I tried to install the latest version of chunky_png but 0.11 Beta 3 has a dependency on that particular version).

    Hope that helps,

    Craig

  3. #3
    Touch Premium Member
    Join Date
    Mar 2011
    Location
    Portland, OR
    Posts
    133
    Vote Rating
    5
    markwyner is on a distinguished road

      0  

    Default


    Thanks, stormin_walker. This almost did the trick for me. I ran the install for v0.12.0 of chunky_png as you recommended, but then got this error when trying to watch my SASS directory:

    Code:
    ERROR:  Error installing compass: compass requires chunky_png (~> 1.1.0, runtime)
    When I installed v1.1.0 of chunky_png and began watching, everything fell into place nicely. So thanks. Maybe the Sencha Touch team should update the release notes to reflect this.

    Cheers!
    -------------------------------------------
    Mark Wyner, Partner, Bunker
    http://bunkercollective.com/

  4. #4
    Ext JS Premium Member
    Join Date
    Apr 2008
    Location
    San Francisco, CA
    Posts
    10
    Vote Rating
    0
    stormin_walker is on a distinguished road

      0  

    Default


    Funny - there have been 2 new betas of Compass in the last 24 hours. My Beta 3 requires chunky_png 0.12 - am glad they've upgraded the dependency. Good to know for when I next do an update.

    Craig

  5. #5
    Sencha User
    Join Date
    Mar 2011
    Location
    Kent, UK
    Posts
    8
    Vote Rating
    0
    leeprobert is on a distinguished road

      0  

    Wink Confirming this fix

    Confirming this fix


    I can confirm that installing the chunky_png-1.1.0 gem and then re-installing compass worked. Thanks for this guys.

  6. #6
    Sencha Premium Member
    Join Date
    Sep 2008
    Posts
    710
    Vote Rating
    6
    Bucs is on a distinguished road

      0  

    Default


    Thanks for this, worked for me as well on Windows.

    Now, if only someone would write a worthy article on how best to use SASS with Touch so I would know what I am doing, rather than type and pray

  7. #7
    Touch Premium Member
    Join Date
    Mar 2011
    Location
    Portland, OR
    Posts
    133
    Vote Rating
    5
    markwyner is on a distinguished road

      0  

    Default


    @Bucs:

    A few of us lassoed in some information about the variables which may help you out:

    http://www.sencha.com/forum/showthre...he-Touch-Theme

    Cheers.
    -------------------------------------------
    Mark Wyner, Partner, Bunker
    http://bunkercollective.com/

  8. #8
    Sencha User
    Join Date
    Apr 2011
    Posts
    6
    Vote Rating
    0
    matrym is on a distinguished road

      0  

    Default This worked...

    This worked...


    Quote Originally Posted by leeprobert View Post
    I can confirm that installing the chunky_png-1.1.0 gem and then re-installing compass worked. Thanks for this guys.
    This didn't work for me:
    sudo gem install chunky_png -v 1.10.0
    ERROR: could not find gem chunky_png locally or in a repository

    This worked for me:
    sudo gem install chunky_png -v 1.1.0
    sudo gem install compass --pre

  9. #9
    Sencha User
    Join Date
    Mar 2010
    Posts
    11
    Vote Rating
    0
    lightxx is on a distinguished road

      0  

    Default still not working for me ...

    still not working for me ...


    has anyone ever got this working for ubuntu? i'm running Ruby 1.8.7 with RubyGems 1.3.7.

    this is my gems list:

    chunky_png (1.2.1)
    compass (0.11.5)
    fssm (0.2.7)
    haml (3.1.2)
    sass (3.2.0.alpha.11)

    whenever i do a 'compass compile' i get
    NoMethodError on line 9 of /home/tom/Downloads/sencha-touch-1.1.0/resources/scss/../themes/lib/theme_images.rb: undefined method `inline_image_string' for #<Sass::Script::Functions::EvaluationContext:0xb747a240>

    this is really annoying. help, anyone?

  10. #10
    Sencha User
    Join Date
    Sep 2011
    Posts
    43
    Vote Rating
    0
    bassjobsen is on a distinguished road

      0  

    Default unbuntu

    unbuntu


    @lightxx for unbuntu this: http://groups.google.com/group/compa...c879bc550e0ddf helps for me.

    It seems the old version of compass is still used after install a newer version with gem


Similar Threads

  1. SASS Config Errors Right Out of Box
    By markwyner in forum Sencha Touch 1.x: Discussion
    Replies: 10
    Last Post: 22 Mar 2011, 9:35 AM
  2. new version of firefox causing errors
    By thenewmexican in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 5 Oct 2009, 6:15 AM
  3. compile time errors with bad version number
    By alanww35 in forum Ext GWT: Help & Discussion (1.x)
    Replies: 2
    Last Post: 26 Apr 2008, 2:59 PM
  4. compile time errors with bad version number
    By alanww35 in forum Ext GWT: Bugs (1.x)
    Replies: 1
    Last Post: 26 Apr 2008, 5:55 AM

Thread Participants: 7

Tags for this Thread