Results 1 to 4 of 4

Thread: SASS Example Folder Purpose

  1. #1
    Ext GWT Premium Member
    Join Date
    Apr 2009
    Posts
    59
    Vote Rating
    26
      0  

    Question 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
    88
      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
    461
    Vote Rating
    44
      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
    59
    Vote Rating
    26
      0  

    Default

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

    M

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •