[
https://issues.apache.org/jira/browse/TRINIDAD-2170?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13161850#comment-13161850
]
Matt Cooper edited comment on TRINIDAD-2170 at 12/2/11 8:56 PM:
----------------------------------------------------------------
I haven't tried it yet but I wonder if it also has trouble with the various
CSS3 keyframe animation @-blocks and nested style blocks, e.g.:
@keyframes mymove {
0% { top: 10px; background-color: red; }
50% { top: 100px; background-color: green; }
100% { top: 500px; background-color: blue; }
}
@-moz-keyframes mymove {
0% { top: 10px; background-color: red; }
50% { top: 100px; background-color: green; }
100% { top: 500px; background-color: blue; }
}
@-webkit-keyframes mymove {
0% { top: 10px; background-color: red; }
50% { top: 100px; background-color: green; }
100% { top: 500px; background-color: blue; }
}
was (Author: mattcooper):
I haven't tried it yet but I wonder if it also has trouble with CSS3 the
various keyframe animation @-blocks and nested style blocks, e.g.:
@keyframes mymove {
0% { top: 10px; background-color: red; }
50% { top: 100px; background-color: green; }
100% { top: 500px; background-color: blue; }
}
@-moz-keyframes mymove {
0% { top: 10px; background-color: red; }
50% { top: 100px; background-color: green; }
100% { top: 500px; background-color: blue; }
}
@-webkit-keyframes mymove {
0% { top: 10px; background-color: red; }
50% { top: 100px; background-color: green; }
100% { top: 500px; background-color: blue; }
}
> There is no way to specify a real pseudo element in a skin css.
> ---------------------------------------------------------------
>
> Key: TRINIDAD-2170
> URL: https://issues.apache.org/jira/browse/TRINIDAD-2170
> Project: MyFaces Trinidad
> Issue Type: Bug
> Components: Skinning
> Affects Versions: 2.0.0-core
> Environment: any
> Reporter: Mark Yvanovich
> Original Estimate: 72h
> Remaining Estimate: 72h
>
> If you need a real css pseudo element rendered to the generated css, there is
> currently no way to do this. The :: sequence will always be replaced with a
> _. For example, to be able to skin the placeholder text in FF, you would
> specify:
> af|inputText::content::-moz-placeholder {}
> The generated selector needs to be:
> af_inputText_content::-moz-placeholder {}
> Currently, the generated CSS will output:
> af_inputText_content_-moz-placeholder {}
> One solution would be to have a whilelist of pseudo elements that we should
> render as is rather than replace the '::' with a '_'.
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:
https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira
