1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    26
    Vote Rating
    2
    rossmurphy is on a distinguished road

      0  

    Default Unanswered: Best practice styling app using SASS + Compass

    Unanswered: Best practice styling app using SASS + Compass


    I would like to style a list component similar to the below:

    sencha-touch-xero-02_iphone_receipt_main-lg.jpg

    I understand I can create a custom CSS file which would overwrite default styles. But I am wondering if there is a specific way to add margins and padding to all lists using SASS and Compass.

    Also, is the a list configuration option to add the margin and prevent the list from displaying fullscreen?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,704
    Answers
    3356
    Vote Rating
    750
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You can add plain CSS to your scss file and it will compile.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    26
    Vote Rating
    2
    rossmurphy is on a distinguished road

      0  

    Default


    Thanks Mitchell. I do understand this, however, I am wondering if there is a specific way to modify the lists without custom CSS. Such as changing a SASS variable or setting a config option in the JavaScript when the list is created.

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