Re: Incorrect descendent CSS output

[Harbs]

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 http://www.w3.org/1999/xhtml <http://www.w3.org/1999/xhtml> 
namespace should always be left in.

        @namespace "http://www.w3.org/1999/xhtml";;
        .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
> 
>