You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@royale.apache.org by Maria Jose Esteve <mj...@iest.com> on 2022/02/01 16:20:42 UTC
RE: Less and Royale
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users
I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://www.w3.org/Style/CSS/specs.en.html
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com>
Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
Re: Less and Royale
Posted by Alex Harui <ah...@adobe.com.INVALID>.
I don't remember which version of Antlr we are using, but it is not the latest, so make sure you learn the right version of Antlr. Check the downloads.xml to see. The newer versions are quite different, IIRC.
HTH,
-Alex
On 2/9/22, 10:14 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Thanks Alex, you have given me the starting point.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID>
Enviado el: miércoles, 9 de febrero de 2022 18:50
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
Don't the files in that folder indicate they are generated?
The source for CSS handling in the compiler is here: https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fapache%2Froyale-compiler%2Ftree%2Fdevelop%2Fcompiler%2Fsrc%2Fmain%2Fantlr3%2Forg%2Fapache%2Froyale%2Fcompiler%2Finternal%2Fcss&data=04%7C01%7Caharui%40adobe.com%7Cff92ebab6acb4033428108d9ebf7fe18%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637800272625954913%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=bmrMaNVQgj1nUUV6h9OEJ%2B2u2vH31VANmapbU72E3CQ%3D&reserved=0
It requires learning Antlr. The build generates java files from Antlr and puts them where you were looking. But to modify those java files, you have to modify the antlr files and re-generate the java files.
HTH,
-Alex
On 2/9/22, 3:54 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, Yes, sorry. I looked at "royale-compiler\compiler\src\main\java\org\apache\royale\compiler\internal\css".
I get errors when I use "calc()" next to "!important", or when adding "variables --", or when I need to reference "nth-child(3)",....
I thought that "observing" the code and some known cases could guide me, but NO ☹.
Hiedra
-----Mensaje original-----
De: Yishay Weiss <yi...@hotmail.com>
Enviado el: miércoles, 9 de febrero de 2022 12:10
Para: dev@royale.apache.org
Asunto: RE: Less and Royale
Hi Maria,
Can you clarify what you mean by css package?
Thanks.
From: Maria Jose Esteve<ma...@iest.com>
Sent: Monday, February 7, 2022 3:40 AM
To: dev@royale.apache.org<ma...@royale.apache.org>
Subject: RE: Less and Royale
Hi,
I would like to add several options to the CSS compiler and have been looking at the "css" package but am unclear how I could contribute.
Is there any documentation, or can someone who has contributed to this package give me some general and/or detailed guidelines?
Thx.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID> Enviado el: martes, 1 de febrero de 2022 18:08
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
When we started on FlexJS/Royale, the CSS compilation was intended for use in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew we could easily implement in Flash. The goal back then was not to create a full CSS implementation on Flash, or a full CSS parse in the compiler.
Later, we tried to import some existing stylesheets from some Bootstrap themes and I think Material themes so we gave up on full equality between Flash and JS and taught the compiler to parse more CSS.
Volunteers are welcome to enhance the compiler to handle even more CSS syntax.
HTH,
-Alex
On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7Cff92ebab6acb4033428108d9ebf7fe18%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637800272625954913%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=VzSNj2QpuE4DkE75ZiWVcfx9M5rcIjkAt%2FLuK3v4rPs%3D&reserved=0
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
RE: Less and Royale
Posted by Maria Jose Esteve <mj...@iest.com>.
Thanks Alex, you have given me the starting point.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID>
Enviado el: miércoles, 9 de febrero de 2022 18:50
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
Don't the files in that folder indicate they are generated?
The source for CSS handling in the compiler is here: https://github.com/apache/royale-compiler/tree/develop/compiler/src/main/antlr3/org/apache/royale/compiler/internal/css
It requires learning Antlr. The build generates java files from Antlr and puts them where you were looking. But to modify those java files, you have to modify the antlr files and re-generate the java files.
HTH,
-Alex
On 2/9/22, 3:54 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, Yes, sorry. I looked at "royale-compiler\compiler\src\main\java\org\apache\royale\compiler\internal\css".
I get errors when I use "calc()" next to "!important", or when adding "variables --", or when I need to reference "nth-child(3)",....
I thought that "observing" the code and some known cases could guide me, but NO ☹.
Hiedra
-----Mensaje original-----
De: Yishay Weiss <yi...@hotmail.com>
Enviado el: miércoles, 9 de febrero de 2022 12:10
Para: dev@royale.apache.org
Asunto: RE: Less and Royale
Hi Maria,
Can you clarify what you mean by css package?
Thanks.
From: Maria Jose Esteve<ma...@iest.com>
Sent: Monday, February 7, 2022 3:40 AM
To: dev@royale.apache.org<ma...@royale.apache.org>
Subject: RE: Less and Royale
Hi,
I would like to add several options to the CSS compiler and have been looking at the "css" package but am unclear how I could contribute.
Is there any documentation, or can someone who has contributed to this package give me some general and/or detailed guidelines?
Thx.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID> Enviado el: martes, 1 de febrero de 2022 18:08
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
When we started on FlexJS/Royale, the CSS compilation was intended for use in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew we could easily implement in Flash. The goal back then was not to create a full CSS implementation on Flash, or a full CSS parse in the compiler.
Later, we tried to import some existing stylesheets from some Bootstrap themes and I think Material themes so we gave up on full equality between Flash and JS and taught the compiler to parse more CSS.
Volunteers are welcome to enhance the compiler to handle even more CSS syntax.
HTH,
-Alex
On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7C1e3016d025e940d53d2608d9ebc2e56b%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637800044575808699%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=%2BInTzPOFBFFPgGcnVxkL4zoZuTgDkQFH6ufLnhtAvos%3D&reserved=0
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
Re: Less and Royale
Posted by Alex Harui <ah...@adobe.com.INVALID>.
Don't the files in that folder indicate they are generated?
The source for CSS handling in the compiler is here: https://github.com/apache/royale-compiler/tree/develop/compiler/src/main/antlr3/org/apache/royale/compiler/internal/css
It requires learning Antlr. The build generates java files from Antlr and puts them where you were looking. But to modify those java files, you have to modify the antlr files and re-generate the java files.
HTH,
-Alex
On 2/9/22, 3:54 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, Yes, sorry. I looked at "royale-compiler\compiler\src\main\java\org\apache\royale\compiler\internal\css".
I get errors when I use "calc()" next to "!important", or when adding "variables --", or when I need to reference "nth-child(3)",....
I thought that "observing" the code and some known cases could guide me, but NO ☹.
Hiedra
-----Mensaje original-----
De: Yishay Weiss <yi...@hotmail.com>
Enviado el: miércoles, 9 de febrero de 2022 12:10
Para: dev@royale.apache.org
Asunto: RE: Less and Royale
Hi Maria,
Can you clarify what you mean by css package?
Thanks.
From: Maria Jose Esteve<ma...@iest.com>
Sent: Monday, February 7, 2022 3:40 AM
To: dev@royale.apache.org<ma...@royale.apache.org>
Subject: RE: Less and Royale
Hi,
I would like to add several options to the CSS compiler and have been looking at the "css" package but am unclear how I could contribute.
Is there any documentation, or can someone who has contributed to this package give me some general and/or detailed guidelines?
Thx.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID> Enviado el: martes, 1 de febrero de 2022 18:08
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
When we started on FlexJS/Royale, the CSS compilation was intended for use in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew we could easily implement in Flash. The goal back then was not to create a full CSS implementation on Flash, or a full CSS parse in the compiler.
Later, we tried to import some existing stylesheets from some Bootstrap themes and I think Material themes so we gave up on full equality between Flash and JS and taught the compiler to parse more CSS.
Volunteers are welcome to enhance the compiler to handle even more CSS syntax.
HTH,
-Alex
On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7C1e3016d025e940d53d2608d9ebc2e56b%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637800044575808699%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=%2BInTzPOFBFFPgGcnVxkL4zoZuTgDkQFH6ufLnhtAvos%3D&reserved=0
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
RE: Less and Royale
Posted by Maria Jose Esteve <mj...@iest.com>.
Hi, Yes, sorry. I looked at "royale-compiler\compiler\src\main\java\org\apache\royale\compiler\internal\css".
I get errors when I use "calc()" next to "!important", or when adding "variables --", or when I need to reference "nth-child(3)",....
I thought that "observing" the code and some known cases could guide me, but NO ☹.
Hiedra
-----Mensaje original-----
De: Yishay Weiss <yi...@hotmail.com>
Enviado el: miércoles, 9 de febrero de 2022 12:10
Para: dev@royale.apache.org
Asunto: RE: Less and Royale
Hi Maria,
Can you clarify what you mean by css package?
Thanks.
From: Maria Jose Esteve<ma...@iest.com>
Sent: Monday, February 7, 2022 3:40 AM
To: dev@royale.apache.org<ma...@royale.apache.org>
Subject: RE: Less and Royale
Hi,
I would like to add several options to the CSS compiler and have been looking at the "css" package but am unclear how I could contribute.
Is there any documentation, or can someone who has contributed to this package give me some general and/or detailed guidelines?
Thx.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID> Enviado el: martes, 1 de febrero de 2022 18:08
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
When we started on FlexJS/Royale, the CSS compilation was intended for use in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew we could easily implement in Flash. The goal back then was not to create a full CSS implementation on Flash, or a full CSS parse in the compiler.
Later, we tried to import some existing stylesheets from some Bootstrap themes and I think Material themes so we gave up on full equality between Flash and JS and taught the compiler to parse more CSS.
Volunteers are welcome to enhance the compiler to handle even more CSS syntax.
HTH,
-Alex
On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7Caa7fd64ed8124ad2f60608d9e5a05e27%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637793299654184072%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=oJRui7w%2Ftt2y3gDkPze2Odvey6zl49bv4B9JL3bMuX4%3D&reserved=0
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
RE: Less and Royale
Posted by Yishay Weiss <yi...@hotmail.com>.
Hi Maria,
Can you clarify what you mean by css package?
Thanks.
From: Maria Jose Esteve<ma...@iest.com>
Sent: Monday, February 7, 2022 3:40 AM
To: dev@royale.apache.org<ma...@royale.apache.org>
Subject: RE: Less and Royale
Hi,
I would like to add several options to the CSS compiler and have been looking at the "css" package but am unclear how I could contribute.
Is there any documentation, or can someone who has contributed to this package give me some general and/or detailed guidelines?
Thx.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID>
Enviado el: martes, 1 de febrero de 2022 18:08
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
When we started on FlexJS/Royale, the CSS compilation was intended for use in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew we could easily implement in Flash. The goal back then was not to create a full CSS implementation on Flash, or a full CSS parse in the compiler.
Later, we tried to import some existing stylesheets from some Bootstrap themes and I think Material themes so we gave up on full equality between Flash and JS and taught the compiler to parse more CSS.
Volunteers are welcome to enhance the compiler to handle even more CSS syntax.
HTH,
-Alex
On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7Caa7fd64ed8124ad2f60608d9e5a05e27%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637793299654184072%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=oJRui7w%2Ftt2y3gDkPze2Odvey6zl49bv4B9JL3bMuX4%3D&reserved=0
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
RE: Less and Royale
Posted by Maria Jose Esteve <mj...@iest.com>.
Hi,
I would like to add several options to the CSS compiler and have been looking at the "css" package but am unclear how I could contribute.
Is there any documentation, or can someone who has contributed to this package give me some general and/or detailed guidelines?
Thx.
Hiedra
-----Mensaje original-----
De: Alex Harui <ah...@adobe.com.INVALID>
Enviado el: martes, 1 de febrero de 2022 18:08
Para: dev@royale.apache.org
Asunto: Re: Less and Royale
When we started on FlexJS/Royale, the CSS compilation was intended for use in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew we could easily implement in Flash. The goal back then was not to create a full CSS implementation on Flash, or a full CSS parse in the compiler.
Later, we tried to import some existing stylesheets from some Bootstrap themes and I think Material themes so we gave up on full equality between Flash and JS and taught the compiler to parse more CSS.
Volunteers are welcome to enhance the compiler to handle even more CSS syntax.
HTH,
-Alex
On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7Caa7fd64ed8124ad2f60608d9e5a05e27%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637793299654184072%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=oJRui7w%2Ftt2y3gDkPze2Odvey6zl49bv4B9JL3bMuX4%3D&reserved=0
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
Re: Less and Royale
Posted by Hugo Ferreira <hf...@gmail.com>.
Thank you all.
For now, I'm going to focus using the default way (put a reference directly
on the template).
Alex Harui <ah...@adobe.com.invalid> escreveu no dia terça, 1/02/2022 à(s)
17:07:
> When we started on FlexJS/Royale, the CSS compilation was intended for use
> in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew
> we could easily implement in Flash. The goal back then was not to create a
> full CSS implementation on Flash, or a full CSS parse in the compiler.
>
> Later, we tried to import some existing stylesheets from some Bootstrap
> themes and I think Material themes so we gave up on full equality between
> Flash and JS and taught the compiler to parse more CSS.
>
> Volunteers are welcome to enhance the compiler to handle even more CSS
> syntax.
>
> HTH,
> -Alex
>
> On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
>
> Hi, some time ago I had the same problem and Harb helped me (you can
> search for the thread in the list @users) I have made an excerpt for you:
>
> The compiler needs to understand the css in order to compile it.
> Any features that the compiler does not understand must be added to the
> compiler. Definitely add this as a Github issue.
>
> To use unsupported CSS features, you need a CSS file that doesn't
> run through the compiler. What I do is add a "defaults.css" file where I
> put that type of CSS and add the following line to my template html
> file:
>
> <link rel="stylesheet" type="text/css"
> href="./assets/css/defaults.css">
>
> Must be a plain vanilla CSS file (HTML style) [1]
> Namespaces are not recognized in normal css.
>
> [1]
> https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7Caa7fd64ed8124ad2f60608d9e5a05e27%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637793299654184072%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=oJRui7w%2Ftt2y3gDkPze2Odvey6zl49bv4B9JL3bMuX4%3D&reserved=0
>
> Hiedra
>
> -----Mensaje original-----
> De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de
> febrero de 2022 12:26
> Para: Apache Royale Development <de...@royale.apache.org>
> Asunto: Re: Less and Royale
>
> Hi Yishay,
>
> It's a workaround that works, thank you (I tried yesterday before my
> e-mail and I don't know why did not works, perhaps because was night) but
> is working now.
>
> Ansering your question.
> If I set the default theme with the generated css from less I got a
> lot of errors.
> For example:
>
> .bg-opacity-100 {
> --bs-bg-opacity: 1;
> }
>
> The compiler seems not not like --
>
> Yishay Weiss <yi...@hotmail.com> escreveu no dia terça,
> 1/02/2022 à(s)
> 07:52:
>
> > It would be interesting to understand why Royale is complaining, but
> > as a workaround you might want to have an index-template file that
> > includes your css.
> >
> > From: Hugo Ferreira<ma...@gmail.com>
> > Sent: Tuesday, February 1, 2022 1:16 AM
> > To: Apache Royale Development<ma...@royale.apache.org>
> > Subject: Less and Royale
> >
> > Hi,
> >
> > I compile a less file that generated a big css file (a lot of
> > references from bootstrap).
> > I know that this css file is OK or should be OK, however royale
> > compiler complains about it while compiling ending with error (using
> VS Code).
> > How can I compile and ignore all errors from the main css file ?
> >
> >
>
>
Re: Less and Royale
Posted by Alex Harui <ah...@adobe.com.INVALID>.
When we started on FlexJS/Royale, the CSS compilation was intended for use in Flash as well as JS. Thus, the compiler only handled CSS syntax we knew we could easily implement in Flash. The goal back then was not to create a full CSS implementation on Flash, or a full CSS parse in the compiler.
Later, we tried to import some existing stylesheets from some Bootstrap themes and I think Material themes so we gave up on full equality between Flash and JS and taught the compiler to parse more CSS.
Volunteers are welcome to enhance the compiler to handle even more CSS syntax.
HTH,
-Alex
On 2/1/22, 8:32 AM, "Maria Jose Esteve" <mj...@iest.com> wrote:
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2Fspecs.en.html&data=04%7C01%7Caharui%40adobe.com%7Caa7fd64ed8124ad2f60608d9e5a05e27%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637793299654184072%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=oJRui7w%2Ftt2y3gDkPze2Odvey6zl49bv4B9JL3bMuX4%3D&reserved=0
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>
RV: Less and Royale
Posted by Maria Jose Esteve <mj...@iest.com>.
Hi, some time ago I had the same problem and Harb helped me (you can search for the thread in the list @users) I have made an excerpt for you:
The compiler needs to understand the css in order to compile it. Any features that the compiler does not understand must be added to the compiler. Definitely add this as a Github issue.
To use unsupported CSS features, you need a CSS file that doesn't run through the compiler. What I do is add a "defaults.css" file where I put that type of CSS and add the following line to my template html file:
<link rel="stylesheet" type="text/css" href="./assets/css/defaults.css">
Must be a plain vanilla CSS file (HTML style) [1]
Namespaces are not recognized in normal css.
[1] https://www.w3.org/Style/CSS/specs.en.html
Hiedra
-----Mensaje original-----
De: Hugo Ferreira <hf...@gmail.com> Enviado el: martes, 1 de febrero de 2022 12:26
Para: Apache Royale Development <de...@royale.apache.org>
Asunto: Re: Less and Royale
Hi Yishay,
It's a workaround that works, thank you (I tried yesterday before my e-mail and I don't know why did not works, perhaps because was night) but is working now.
Ansering your question.
If I set the default theme with the generated css from less I got a lot of errors.
For example:
.bg-opacity-100 {
--bs-bg-opacity: 1;
}
The compiler seems not not like --
Yishay Weiss <yi...@hotmail.com> escreveu no dia terça, 1/02/2022 à(s)
07:52:
> It would be interesting to understand why Royale is complaining, but
> as a workaround you might want to have an index-template file that
> includes your css.
>
> From: Hugo Ferreira<ma...@gmail.com>
> Sent: Tuesday, February 1, 2022 1:16 AM
> To: Apache Royale Development<ma...@royale.apache.org>
> Subject: Less and Royale
>
> Hi,
>
> I compile a less file that generated a big css file (a lot of
> references from bootstrap).
> I know that this css file is OK or should be OK, however royale
> compiler complains about it while compiling ending with error (using VS Code).
> How can I compile and ignore all errors from the main css file ?
>
>