1. #1
    Sencha Premium Member
    Join Date
    Jun 2012
    Posts
    12
    Vote Rating
    0
    akash_fil is on a distinguished road

      0  

    Default Unanswered: Scoped CSS Code

    Unanswered: Scoped CSS Code


    Hi,

    I am using ext-all-scoped.css & my scss contains $scope-reset-css: true; (attached the scss). But the generated scoped css contains still some code which overrdies the site css. The code is:

    .x-reset html, .x-reset body, .x-reset div, .x-reset dl, .x-reset dt, .x-reset dd, .x-reset ul, .x-reset ol, .x-reset li, .x-reset h1, .x-reset h2, .x-reset h3, .x-reset h4, .x-reset h5, .x-reset h6, .x-reset pre, .x-reset code, .x-reset form, .x-reset fieldset, .x-reset legend, .x-reset input, .x-reset textarea, .x-reset p, .x-reset blockquote, .x-reset th, .x-reset td {
    margin: 0;
    padding: 0
    }
    .x-reset address, .x-reset caption, .x-reset cite, .x-reset code, .x-reset dfn, .x-reset em, .x-reset strong, .x-reset th, .x-reset var {
    font-style: normal;
    font-weight: normal
    }
    .x-reset h1, .x-reset h2, .x-reset h3, .x-reset h4, .x-reset h5, .x-reset h6 {
    font-size: 100%
    }


    is there any other variable through which we can restrict the generation of these css classes?

  2. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,605
    Answers
    543
    Vote Rating
    326
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    Have you set scopeResetCSS?

    http://docs.sencha.com/ext-js/4-1/#!...-scopeResetCSS

    It still won't be perfect, I always have to tweak the scoped CSS file to get some bits to work but it should get pretty close.

  3. #3
    Sencha - Support Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    5,417
    Answers
    435
    Vote Rating
    201
    slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of slemmon has much to be proud of

      0  

    Default


    Any chance skirtlesden will have an upcoming article on the use o scoped CSS?

  4. #4
    Ext JS Premium Member
    Join Date
    Feb 2009
    Posts
    446
    Answers
    4
    Vote Rating
    4
    Jangla is on a distinguished road

      0  

    Default


    I've just come up against this. I completely understand why ext4 works this way and what we need to do to scope it correctly, but why on earth does ext-all-scoped.css have an x-body declaration in it? it's not scoped and will always affect the entire document. Can't see the justification of this tbh.

  5. #5
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,605
    Answers
    543
    Vote Rating
    326
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    I believe 4.2 has taken a different approach to this. There's no CSS reset so scoping is no longer an issue.

Thread Participants: 3