royale-compiler icon indicating copy to clipboard operation
royale-compiler copied to clipboard

HTML CSS selectors converted to class selectors

Open Harbs opened this issue 8 years ago • 1 comments

The following MXML:

    <fx:Style>
        @namespace "http://www.w3.org/1999/xhtml";
        div{

        }
        h1{font-size: 32px; margin: .67em 0 }
        h2{font-size: 24px; margin: .75em 0 }
        h3{font-size: 19px; margin: .83em 0 }
        h4{font-size: 16px; margin: .1em 0 }
        h5{font-size: 14px; margin: 1.5em 0 }
        h6{font-size: 13px; margin: 1.67em 0 }
        h1, h2, h3, h4, h5, h6{
            font-weight: bolder;
        }

Is output as the following css:

.div {
}


.h1 {
        margin: .67em 0;
        font-size: 32px;
        font-weight: bolder;
}


.h2 {
        margin: .75em 0;
        font-size: 24px;
        font-weight: bolder;
}


.h3 {
        margin: .83em 0;
        font-size: 19px;
        font-weight: bolder;
}


.h4 {
        margin: .1em 0;
        font-size: 16px;
        font-weight: bolder;
}


.h5 {
        margin: 1.5em 0;
        font-size: 14px;
        font-weight: bolder;
}


.h6 {
        margin: 1.67em 0;
        font-size: 13px;
        font-weight: bolder;
}

The selectors should pass through as-is and not have the dot appended.

Harbs avatar Nov 25 '17 22:11 Harbs

In JSCSSCompilationSession.java, try filling out the htmlElementNames array.

aharui avatar Mar 13 '18 22:03 aharui