[ 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