1. #1
    Sencha User
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    jakeed2 is on a distinguished road

      0  

    Default Answered: Touch 2.3 - Sass @mixin Breaks "sencha app build"

    Answered: Touch 2.3 - Sass @mixin Breaks "sencha app build"


    Just upgraded to Sencha Touch 2.3 - everything is great until I added my Sass mixins, and tried "sencha app build"...


    *update / note:* "sencha app watch" also causes the same error.


    (Sencha CMD 4.0.1.45)




    My mixin:


    Code:
        @mixin MQ($canvas) {
          @if $canvas == small {
            @media only screen and (max-width: 20em) { @content; } //320px
          }
          @else if $canvas == 'XS' {
            @media only screen and (max-width: 30em) { @content; } //480px
          }
          @else if $canvas == S {
            @media only screen and (max-width: 37.5em) { @content; } //600px
          }
          @else if $canvas == medium {
            @media only screen and (max-width: 48em) { @content; } //768px
          }
          @else if $canvas == larger {
            @media only screen and (min-width: 769px) { @content; } //1024px
          }
          @else if $canvas == XL {
            @media only screen and (min-width: 75em) { @content; } //1200px
          }
        }
    Example usage:


    Code:
        #Login{
        
          background: #2f7790;
        
          #spacer{
        
            @include MQ(small) {
              margin-top: 42%;
            }
          }
        }




    (doesn't matter if I delete this one, it will find the next one and throw the same error)
    Then when I try to run "sencha app build":






    Code:
        [INF] -compass-compile-sass-dir:
        [INF] executing compass using system installed ruby runtime
        Sass::SyntaxError on line ["14"] of /Users/jakeF/dev/SENCHA/MyApp/resources/sass/partials/_login.scss: Invalid CSS after "...lude MQ(small) ": expected "}", was "{"
        /Users/jakeF/dev/SENCHA/MyApp/resources/sass/partials/X__default-theme.scss:6
        /Users/jakeF/dev/SENCHA/MyApp/resources/sass/app.scss:8
        /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:896:in `expected'
          /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:841:in `expected'
        /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:836:in `tok!'
          /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:362:in `block'
        /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:355:in `ruleset'
          /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/gems/sass-3.1.7/lib/sass/scss/parser.rb:417:in `block in declaration_or_ruleset'
    
    
        ...
    
    
    
    
         /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/bin/compass:23:in `load'
          /Users/jakeF/bin/Sencha/Cmd/4.0.1.45/extensions/sencha-compass/gems/bin/compass:23:in `<main>'
        error app.scss (Line 14 of partials/_login.scss: Invalid CSS after "...lude MQ(small) ": expected "}", was "{")
        [ERR]
        [ERR] BUILD FAILED
        [ERR] com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1
        [ERR]
        [ERR] Total time: 21 seconds
                             [ERR] The following error occurred while executing this line:
        /Users/jakeF/dev/SENCHA/MyApp/.sencha/app/build-impl.xml:273: The following error occurred while executing this line:
        /Users/jakeF/dev/SENCHA/MyApp/.sencha/app/sass-impl.xml:200: The following error occurred while executing this line:
        /Users/jakeF/dev/SENCHA/MyApp/.sencha/app/sass-impl.xml:206: com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1


    My system compass compiles it fine. Just the Sencha build process is breaking things.


    My system ruby-

    ruby 2.1.1p76 (2014-02-24 revision 45161) [x86_64-darwin13.0]

  2. You can specify the path to the version of ruby to use in YouApp/.sencha/app/default.properties
    Code:
    # controls the ruby command that is used to execute compasss
    # a full path to ruby may be specified rather than allowing the system
    # shell to resolve the command
    build.ruby.path=ruby

  3. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,977
    Vote Rating
    132
    Answers
    334
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    You can specify the path to the version of ruby to use in YouApp/.sencha/app/default.properties
    Code:
    # controls the ruby command that is used to execute compasss
    # a full path to ruby may be specified rather than allowing the system
    # shell to resolve the command
    build.ruby.path=ruby
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  4. #3
    Sencha User
    Join Date
    Oct 2012
    Posts
    8
    Vote Rating
    0
    jakeed2 is on a distinguished road

      0  

    Default


    Solved by adding this line:

    build.ruby.path=/Users/jakef/.rvm/rubies/ruby-2.1.1/bin/ruby

  5. #4
    Sencha User
    Join Date
    Sep 2010
    Posts
    27
    Vote Rating
    2
    dusoft is on a distinguished road

      0  

    Default Same Issue but with Sencha Architect 3

    Same Issue but with Sencha Architect 3


    Hi everyone!, I have the same problem, but I'm using SA3 and ST2.3 and I didn't find the file default.propierties in my project folder., I created this file in my App folder but It's doesn't work..Can you help me, please?Thanks in advanced!Best RegardsMac OS Maverickruby -vruby 2.0.0p451 (2014-02-24 revision 45167) [universal.x86_64-darwin13]

  6. #5
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,977
    Vote Rating
    132
    Answers
    334
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    .sencha is a invisible folder in your apppication root folder. In the terminal issue the following command to reveal hidden files.
    Code:
    defaults write com.apple.Finder AppleShowAllFiles TRUE
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

Thread Participants: 2

Tags for this Thread