Hybrid View

    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
    5
    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
    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

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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar