flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Carlos Rovira <carlos.rov...@codeoscopic.com>
Subject Re: [FlexJS] Support for CSS calc() function
Date Fri, 30 Dec 2016 09:15:53 GMT
Hi Om,

I suggest you log a bug in Jira and assign it to Alex, since he fixed many
other CSS bugs. We are getting close to get a decent CSS support in FlexJS
:)

thanks

2016-12-30 9:04 GMT+01:00 OmPrakash Muppirala <bigosmallm@gmail.com>:

> I'm trying to use the calc() function [1] in my CSS like this:
>
> .demo-card-wide.mdl-card {
>     width: calc((100% - 50px)/3);
> }
>
> I'm using the calc() function to create 3 columns of equal width regardless
> of browser size.
>
> With FlexJS, I'm seeing a compile error:
>
> C:\p\flexroot\git\flex-asjs\examples\flexjs\FlexTeamPage_
> MDL\src\main\flex\App.mxml(1):
> col: 1 CSSTree.g: node from line 0:0 mismatched tree node: <mismatched
> token: [@251,1846:1860='((100%  - 50px)',<5>,59:13], resync={
>   width: calc((100%  - 50px)/3;
> }> expecting I_DECL
>
> <?xml version="1.0" encoding="utf-8"?>
> ^
>
> C:\p\flexroot\git\flex-asjs\examples\flexjs\FlexTeamPage_
> MDL\src\main\flex\App.mxml(60):
> col: 14
> C:\p\flexroot\git\flex-asjs\examples\flexjs\FlexTeamPage_
> MDL\src\main\flex\App.mxml
> line 59:13 mismatched input '((100%  - 50px)' expecting BLOCK_END
>
>
> C:\p\flexroot\git\flex-asjs\examples\flexjs\FlexTeamPage_
> MDL\src\main\flex\App.mxml(60):
> col: 31
> C:\p\flexroot\git\flex-asjs\examples\flexjs\FlexTeamPage_
> MDL\src\main\flex\App.mxml
> line 59:30 no viable alternative at character ')'
>
> Can support for calc() be added to FlexJS?  Even though it is termed an
> experimental feature, this has become quite common in the recent times [2]
>
> [1] https://developer.mozilla.org/en-US/docs/Web/CSS/calc
> [2] http://caniuse.com/#feat=calc
>



-- 

Carlos Rovira
Director General
M: +34 607 22 60 05
http://www.codeoscopic.com
http://www.avant2.es

Este mensaje se dirige exclusivamente a su destinatario y puede contener
información privilegiada o confidencial. Si ha recibido este mensaje por
error, le rogamos que nos lo comunique inmediatamente por esta misma vía y
proceda a su destrucción.

De la vigente Ley Orgánica de Protección de Datos (15/1999), le comunicamos
que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC
S.A. La finalidad de dicho tratamiento es facilitar la prestación del
servicio o información solicitados, teniendo usted derecho de acceso,
rectificación, cancelación y oposición de sus datos dirigiéndose a nuestras
oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación
necesaria.

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message