[
https://issues.apache.org/jira/browse/FLEX-35340?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16082062#comment-16082062
]
Harbs commented on FLEX-35340:
------------------------------
FWIW, the work-around is to include the problematic CSS in a separate CSS file
which is not compiled by Falcon and loaded by the HTML.
> Issues with compiling valid HTML CSS
> ------------------------------------
>
> Key: FLEX-35340
> URL: https://issues.apache.org/jira/browse/FLEX-35340
> Project: Apache Flex
> Issue Type: Bug
> Components: FalconJX
> Affects Versions: Apache FalconJX 0.8.0
> Reporter: Harbs
>
> There are various situations where CSS in fx:Style blocks or referenced css
> files are not compiled correctly. They generally occur when css functions are
> called.
> Some examples:
> {code:javascript}
> background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /*
> FF3.6-15 */
> background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /*
> Chrome10-25,Safari5.1-6 */
> background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%); /* W3C,
> IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
> filter: progid:DXImageTransform.Microsoft.gradient(
> startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
> transform: translateY(-50%);
> {code}
> These cause compiler errors.
> Here is another one which does not cause compiler errors, but causes a
> runtime error:
> {code:java}
> box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px
> 5px 0 rgba(0,0,0,.12);
> {code}
> In the main CSS file, it is compiled correctly, but the main JS file has this:
> {code:javascript}
> function() {this["boxShadow"] = [0.0, 2.0, 2.0, 0.0, unexpected value type:
> rgba(0,0,0,.14), 0.0, 3.0, 1.0, -2.0, unexpected value type: rgba(0,0,0,.2),
> 0.0, 1.0, 5.0, 0.0, unexpected value type: rgba(0,0,0,.12)]},
> {code}
--
This message was sent by Atlassian JIRA
(v6.4.14#64029)
