Results 1 to 4 of 4

Thread: Sass file for UX component

  1. #1
    Sencha User
    Join Date
    Jul 2008
    Location
    Czech republic
    Posts
    69

    Default Sass file for UX component

    Hi,
    I'm not able to get working (compiling) styles for my ux component. The app structure is:

    Code:
    project
        |- app
        |- classic
        |      |- sass
        |      |      |- src
        |      |            |- ux
        |      |            |      |- MyComponent.scss (I suppose it should be here)
        |      |            |- view
        |      |                   |- main
        |      |                          |- Main.scss
        |      |- src
        |             |- controller
        |             |- ux
        |             |     |- MyComponent.js
        |             |- view
        |                   |- main
        |                          |- Main.js
        |- ext
            |- modern
        ...
    When I save changes in MyComponent.scss, "sencha app watch" starts compiling, but the changes are not included in the builded css file. When I save changes in Main.scss, everything works fine. So I guess MyComponent.scss file is located in a wrong place. Any suggestions where to put it?

    Thanks in advance

  2. #2

    Default

    Simplest solution is to put .scss file in the same folder as your controller.js file. Also check sass section in package.json or app.json if your path is captured by SenchaCmd.

    Have fun

    Olli

  3. #3
    Sencha User
    Join Date
    Jul 2008
    Location
    Czech republic
    Posts
    69

    Default

    I can also put needed css to "view .scss file" (e.g. /classic/sass/src/view/User.scss) where is the UX component used (and it works), but it doesn't make sense to me (in meaning of right hierarchy).

  4. #4
    Sencha User
    Join Date
    Jul 2008
    Location
    Czech republic
    Posts
    69

    Default

    Nobody? Or it just cannot be done right?

Similar Threads

  1. Replies: 0
    Last Post: 6 Feb 2017, 7:44 AM
  2. Where can I find all sass variables for a component?
    By silveralecs in forum Ext JS 6.x Q&A
    Replies: 3
    Last Post: 28 Dec 2015, 8:37 AM
  3. Errors when compiling SASS file.
    By vincaslt in forum Sencha Touch 2.x: Q&A
    Replies: 2
    Last Post: 31 Mar 2014, 4:48 AM
  4. [FIXED] [2.1 beta3] Bug in the config.rb file (SASS Compile)
    By rkraus in forum Sencha Touch 2.x: Bugs
    Replies: 2
    Last Post: 12 Sep 2012, 10:20 AM
  5. Compiling SASS files into one css file
    By Acsm in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 13 Sep 2010, 1:57 PM

Tags for this Thread

Posting Permissions

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