1. #1
    Ext GWT Premium Member
    Join Date
    Apr 2009
    Posts
    35
    Vote Rating
    8
    Miggins will become famous soon enough

      0  

    Question SASS Example Folder Purpose

    SASS Example Folder Purpose


    When I generate an app using Sencha Cmd, I'm seeing an 'example' folder placed under the 'sass' folder.

    I also notice that references/properties referring to this folder are scattered throughout the build & property files.

    When I build the application I get an [appname]-example.css which seems superfluous to the application.

    Can I ask exactly what is the purpose of this folder and its contents and if not needed, is there a way to exclude it from the build?

    Thanks in advance.

    M

  2. #2
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Vote Rating
    86
    existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice existdissolve is just really nice

      0  

    Default


    Quote Originally Posted by Miggins View Post
    When I generate an app using Sencha Cmd, I'm seeing an 'example' folder placed under the 'sass' folder.

    I also notice that references/properties referring to this folder are scattered throughout the build & property files.

    When I build the application I get an [appname]-example.css which seems superfluous to the application.

    Can I ask exactly what is the purpose of this folder and its contents and if not needed, is there a way to exclude it from the build?

    Thanks in advance.

    M
    From what I understand, when you build the package, the example folder gets copied to the build folder, where the image slicer creates a screenshot of the rendered theme.html file, and then slices any relevant rounded borders, gradients, etc. for use in older browsers (e.g., < IE9).

  3. #3
    Ext JS Premium Member
    Join Date
    Sep 2010
    Posts
    390
    Vote Rating
    6
    stewardsencha is on a distinguished road

      0  

    Default


    To reduce noise and toe-tapping time, try adding this to ./sencha/app/sencha.cfg:

    Code:
    skip.sass=true
    skip.slice=true
    skip.theme=true
    I believe the example output is used to display every component on a single page, which is a great help when developing a theme.

    It does not seem to be as pretty or comprehensive as the prior theme tester.

  4. #4
    Ext GWT Premium Member
    Join Date
    Apr 2009
    Posts
    35
    Vote Rating
    8
    Miggins will become famous soon enough

      0  

    Default


    Cheers guys - starting to make a bit more sense now.

    M

Thread Participants: 2