The way I work around CSS compiler bugs until they are fixed is by including a 
separate CSS file that I reference in the app HTML. I include the following in 
the template HTML:

<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">


> On Jul 16, 2020, at 1:01 AM, Brian Raymes <brian.ray...@teotech.com> wrote:
> 
> As a workaround, you can add any style that doesn’t’ work with the compiler 
> in a <style> section in your html template. I’ve been doing this for a long 
> while now as it not just keyframes that the compiler doesn’t like.
>  
> For example, in addition to keyframes, to add alternating row colors and 
> custom highlights to lists, I have added the following to my 
> index-template.html file as adding an nth-child() to the css also creates a 
> compilation error.
>  
>     <style>
>       .alternatingHighlight .jewel.item:nth-child(even) {
>         background: #F2F2F2;
>       }
>  
>       . alternatingHighlight .jewel.item:nth-child(odd) {
>         background: #FFFFFF;
>       }
>  
>       . alternatingHighlight .jewel.item.primary.hovered {
>         background: #5fd2f0;
>       }
>     </style>
>  
> Then, I add className="alternatingHighlight" to any list that I wish to have 
> this coloring.
>  
> I’m using this same idea for custom animations with Keyframe as well.
>  
> Brian
>  
> From: Carlos Rovira <carlosrov...@apache.org> 
> Sent: Wednesday, July 15, 2020 10:06 AM
> To: users@royale.apache.org
> Subject: Re: css rule @keyframes
>  
> Thanks Nicolas.
> Hope someone could take a look at it
> best
>  
> Carlos
>  
>  
> El mié., 15 jul. 2020 a las 16:11, Nicolas Aguttes 
> (<nicolas.agut...@gmail.com <mailto:nicolas.agut...@gmail.com>>) escribió:
> Hello Carlos,
>  
> I filled an issue
>  
> Nicolas
>  
> Le mer. 15 juil. 2020 à 16:05, Carlos Rovira <carlosrov...@apache.org 
> <mailto:carlosrov...@apache.org>> a écrit :
> Hi Nicolas,
>  
> I face the same issue few days ago. Please fill an issue in compiler [1], so 
> others could take a look.
> I found keyframes compile right, but doesn't reach the final css. I think 
> even in a library are populated right too if I remember correctly.
> I have the same problem and would like to see it solved.
>  
> [1] https://github.com/apache/royale-compiler/issues/new 
> <https://github.com/apache/royale-compiler/issues/new>
>  
>  
> El mié., 15 jul. 2020 a las 15:50, tranquiliste (<nicolas.agut...@gmail.com 
> <mailto:nicolas.agut...@gmail.com>>) escribió:
> Hello all,
> 
> I wanted to include the  css rule @keyframes in my css file but apparently
> it is not populated in the css file generated by Apache Royale
> 
> Is there a way to do it?
> 
> Thanks
> Nicolas
> 
> 
> 
> -----
> Nicolas
> --
> Sent from: http://apache-royale-users.20374.n8.nabble.com/ 
> <http://apache-royale-users.20374.n8.nabble.com/>
> 
>  
> -- 
> Carlos Rovira
> http://about.me/carlosrovira <http://about.me/carlosrovira>
>  
> 
>  
> -- 
> Carlos Rovira
> http://about.me/carlosrovira <http://about.me/carlosrovira>

Reply via email to