1. #1
    Sencha Premium Member
    Join Date
    Feb 2011
    Location
    Reston, VA
    Posts
    53
    Vote Rating
    1
    dmackerman is on a distinguished road

      0  

    Question Ext4 Theme + SASS

    Ext4 Theme + SASS


    EDIT:
    Ignore this entire post and follow these instructions!
    http://www.sencha.com/forum/showthre...pass-SCSS-Bugs

    Is the new theme included in the developer preview? If not, that's fine. I'm wondering how I can get started playing around with SASS and the new CSS built into Ext4.

    I followed the guide for Sencha Touch and SASS, but some of the elements must be different. I've installed all the "--pre" versions of the gems (haml, sass, and compass).

    From looking at the screencast, it seems like there should be a /sass folder inside of the resources directory that contains config.rb and the ext.sass files. I don't see this there.

    Where do I go from here?

    EDIT:
    I created the directories myself and pointed everything correctly, but I'm getting the following error when I run compass watch on my resources/sass directory:


    Code:
    ruby 1.9.2p180 (2011-02-18) [i386-mingw32]
    
    C:\wamp\www\extjs-sandbox\ext-4.0-pr3\resources\sass>compass watch
    >>> Change detected to: C:/wamp/www/extjs-sandbox/ext-4.0-pr3/resources/sass/application.scss
        error application.scss (Line 12: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".)
    Sass::SyntaxError on line ["12"] of C: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".
    Run with --trace to see the full backtrace
    >>> Compass is polling for changes. Press Ctrl-C to Stop.
    >>> Change detected to: C:/wamp/www/extjs-sandbox/ext-4.0-pr3/resources/sass/application.scss
        error application.scss (Line 12: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".)
    Sass::SyntaxError on line ["12"] of C: Undefined operation: "parsebox(3px, 1) gt parsebox(3px, 2)".


    application.scss

    Code:
    @import '../themes/stylesheets/ext4/default/all';
    
    /*structure*/
    @include extjs-button;
    @include extjs-form;
    @include extjs-panel;
    @include extjs-qtip;
    @include extjs-toolbar;
    @include extjs-window;
    config.rb
    Code:
    # Delineate the directory for our SASS/SCSS files (this directory)
    sass_path = File.dirname(__FILE__)
     
    # Delineate the CSS directory (under resources/css in this demo)
    css_path = File.join(sass_path, "..", "css")
     
    # Delinate the images directory
    images_dir = File.join(sass_path, "..", "img")
     
    # Load the sencha-touch framework
    load File.join(sass_path, '..', '..', '..', '..', 'resources', 'themes')
     
    # Specify the output style/environment
    output_style = :compressed
    environment = :production
    Last edited by dmackerman; 9 Mar 2011 at 8:07 AM. Reason: additional code

  2. #2
    Sencha User amitkahan's Avatar
    Join Date
    Mar 2011
    Location
    Mahuva
    Posts
    18
    Vote Rating
    0
    amitkahan is on a distinguished road

      0  

    Default config.rb

    config.rb


    config.rb should be:

    Code:
    # Delineate the directory for our SASS/SCSS files (this directory)
    sass_path = File.dirname(__FILE__)
     
    # Delineate the CSS directory (under resources/css in this demo)
    css_path = File.join(sass_path, "..", "css")
     
    # Delinate the images directory
    images_dir = File.join(sass_path, "..", "images")
     
    # Load the sencha-touch framework
    load File.join(sass_path, '..', 'themes')
     
    # Specify the output style/environment
    output_style = :compressed
    environment = :production
    I have a problem css file is generated but when I include in one of the example style is not rendered.

Similar Threads

  1. I18n in Ext4
    By Animal in forum Community Discussion
    Replies: 17
    Last Post: 28 Aug 2013, 3:20 AM
  2. Ext.ux.Menu - Not working in EXT4
    By PV-Patrick in forum Ext: Discussion
    Replies: 2
    Last Post: 31 Mar 2011, 12:16 PM
  3. Sencha touch or Ext4?
    By steffenk in forum Community Discussion
    Replies: 5
    Last Post: 2 Feb 2011, 3:07 PM
  4. Ext4, when?
    By westy in forum Community Discussion
    Replies: 31
    Last Post: 15 Dec 2010, 6:49 AM
  5. Replies: 2
    Last Post: 2 Dec 2010, 4:47 PM

Thread Participants: 1

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