Results 1 to 3 of 3

Thread: Fashion @extend nested selector bug

  1. #1
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Omaha, NE
    Posts
    631

    Default Fashion @extend nested selector bug

    I have the following .scss files

    Code:
    .w-abstract-form-panel {
    
    
        .w-form {
            padding: 10px;
        }
    
    
        .w-docked-toolbar {
            padding: 0 5px;
    
    
            .x-btn {
                margin: 10px 5px;
            }
        }
    }
    Code:
    .w-abstract-form-window {
        @extend .w-abstract-form-panel;
    }
    It has problems with the nested .x-btn on the selectors that extend it where it's putting the margin on the .w-docked-toolbar instead of .w-docked-toolbar .x-btn

    Code:
    .w-abstract-form-panel .w-docked-toolbar,
    .w-abstract-form-window .w-docked-toolbar,
    .w-base-form-abstractwizard .w-docked-toolbar {
        padding: 0 5px;
    }
    
    
    .w-abstract-form-panel .w-docked-toolbar .x-btn,
    .w-abstract-form-window .w-docked-toolbar, <- WRONG
    .w-base-form-abstractwizard .w-docked-toolbar { <- WRONG
        margin: 10px 5px;
    }

  2. #2
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    19,256

    Default

    Which Cmd version are you using?
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  3. #3
    Ext JS Premium Member
    Join Date
    Apr 2010
    Location
    Omaha, NE
    Posts
    631

    Default

    6.1.3.42

Similar Threads

  1. Replies: 5
    Last Post: 6 Jun 2016, 10:40 AM
  2. Replies: 1
    Last Post: 22 May 2016, 4:30 AM
  3. Replies: 1
    Last Post: 4 Feb 2013, 4:44 AM
  4. Extend classes with pre-configured nested components
    By doppelganger in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 21 May 2009, 7:06 AM

Posting Permissions

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