1. #1
    Sencha User
    Join Date
    Oct 2013
    Posts
    14
    Answers
    2
    Vote Rating
    0
    senchaguardiola is on a distinguished road

      0  

    Default Unanswered: Styling Sencha without SASS

    Unanswered: Styling Sencha without SASS


    Hi!

    Is it possible to style the default UI components (titlebar, buttons, lists,..) without using sass?
    I can't get Ruby / Compass to work and it would be much easier just to have default CSS files to style my app.

    Thanks for any hints!

  2. #2
    Sencha User
    Join Date
    Aug 2012
    Location
    Fabr├Ęgues, France
    Posts
    50
    Answers
    4
    Vote Rating
    0
    gostbuster is an unknown quantity at this point

      0  

    Default


    Actually sass understands classic CSS.

    Then, of course you can write CSS to customize your app

    If you can't compile sass file, then you will need to go in the ressources/css folder where there is your css file for you application.

    Thought, I think this is too bad not to use compass and sass, it would help you a lot in writing styles.


    Maybe you should explain what the matters with installing ruby ?

  3. #3
    Sencha User
    Join Date
    Oct 2013
    Posts
    14
    Answers
    2
    Vote Rating
    0
    senchaguardiola is on a distinguished road

      0  

    Default


    whenever I try to change a style in any of the css files

    touch/resources/css/base.css,
    touch/resources/css/sencha-touch.css
    resources/css/app.css

    nothing changes.

    Which file and which class do I have to edit for changing the background-color of the titlebar for example?

    ruby is installed, but whenever i try to start compass from commandline I only get an error. ruby does start.

  4. #4
    Sencha User
    Join Date
    Aug 2012
    Location
    Fabr├Ęgues, France
    Posts
    50
    Answers
    4
    Vote Rating
    0
    gostbuster is an unknown quantity at this point

      0  

    Default


    Actually, I think css is not is touch folder but directly in :

    your project
    ------ app
    ------ ressources <--here
    ------ touch
    index.html


    Use the developper toolbar integrated in chrome to check which css files are loaded.

Thread Participants: 1

Tags for this Thread