Re: Incorrect descendent CSS output

[Alex Harui]

Good catch.  I pushed a fix that will fix that and hopefully not drag other 
selectors back in.

-Alex

On 6/4/18, 9:48 PM, "Harbs" <harbs.li...@gmail.com> wrote:

    Thanks.
    
    I just observed a new problem. I have not pulled in your changes, so I 
don’t know if it’s fixed, but it used to work correctly.
    
    Much of the following css is now being stripped out.
    
    CSS in the 
https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml&data=02%7C01%7Caharui%40adobe.com%7C55c9d1dca2fd4f9c04f408d5ca9f8cb3%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636637708993352897&sdata=EzUPmX2Ht%2FN4b3ubGVZhGoMkeEQqtFHXIJhF%2FZgjCFQ%3D&reserved=0
 
<https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml&data=02%7C01%7Caharui%40adobe.com%7C55c9d1dca2fd4f9c04f408d5ca9f8cb3%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636637708993352897&sdata=EzUPmX2Ht%2FN4b3ubGVZhGoMkeEQqtFHXIJhF%2FZgjCFQ%3D&reserved=0>
 namespace should always be left in.
    
            @namespace 
"https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml&data=02%7C01%7Caharui%40adobe.com%7C55c9d1dca2fd4f9c04f408d5ca9f8cb3%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636637708993352897&sdata=EzUPmX2Ht%2FN4b3ubGVZhGoMkeEQqtFHXIJhF%2FZgjCFQ%3D&reserved=0";;
            .printui_app .PUITabContainer .tabs {
                display: table;
                table-layout: fixed;
                width: 100%;
                transform: translateY(5px);
                padding-left:0px;
                background-color: #4d4d4d;
                margin-top:0px;
            }
            .tabs > li {
                transition-duration: .1s;
                display: table-cell;
                list-style: none;
                text-align: center;
                /* padding: 0px 20px 25px 20px; */
                position: relative;
                overflow: hidden;
                cursor: pointer;
                color: white; 
                z-index: 1;
            }
            .tabs > li:before {
                z-index: -1;
                position: absolute;
                content: "";
                width: 100%;
                height: 120%;
                top: 0;
                left: 0;
                background-color: rgba(255, 255, 255, 0.3);
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
                transition-duration: .1s;
                border-radius: 5px 5px 0 0;
            }
            .tabs > li:hover:before {
                -webkit-transform: translateY(70%);
                transform: translateY(70%);
            }
            .tabs > li.active {
                color:#000000;
                /* color: #50555a; */
            }
            .tabs > li.active:before {
                transition-duration: .1s;
                background-color: #f3f3f3;
                        z-index: -1;
                -webkit-transform: translateY(0);
                transform: translateY(0);
            }
    
            .tab__content {
                /* background-color: white; */
                position: relative;
                width: 100%;
                border-radius: 5px;
                padding-left: 0px;
            }
            .tab__content > li {
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                display: none;
                list-style: none;
            }
            .tab__content > li .content__wrapper {
                /*text-align: left;*/
                border-radius: 5px;
                width: calc(100% - 10px);
                /* padding: 45px 40px 40px 40px; */
                padding-left: 10px;
                /* background-color: white; */
            }
    > On Jun 4, 2018, at 8:22 PM, Alex Harui <aha...@adobe.com.INVALID> wrote:
    > 
    > I pushed a change that should fix that.
    > 
    > On 6/4/18, 1:40 AM, "Harbs" <harbs.li...@gmail.com> wrote:
    > 
    >    The following CSS:
    > 
    >    TitleBar CloseButton
    >    {
    >           width: 16px;
    >           height: 16px;
    >           margin: 0px;
    >    }
    > 
    >    is output as:
    > 
    >    .TitleBar CloseButton {
    >            margin: 0px;
    >            width: 16px;
    >            height: 16px;
    >    }
    > 
    >    Instead of:
    > 
    >    .TitleBar .CloseButton {
    >            margin: 0px;
    >            width: 16px;
    >            height: 16px;
    >    }
    > 
    >    I think this is a bug.
    > 
    >    Harbs
    > 
    >