aplicar flex-grow mediante un data-flex-grow

[quico5]

Creo que data-flex-grow es mas limpio que un style, pero nativamente no parece operativo ¿que me aconsejáis?

Código HTML:

<style>section {flex-grow:attr(data-flex-grow);}</style> 

Código HTML:

<section data-flex-grow="2" style="flex-grow:2;"> 

gracias

[pzin]

En CSS2.1 attr() sólo podía utilizarse en el atributo de contenido y el nivel 3 de unidades de CSS dice que se puede usar en cualquier elemento o pseudo-elemento. Pero es un borrador. Entonces el soporte es el que es.

De todas formas, no entiendo muy bien qué tan ventajoso ves el ponerlo en un data-* en lugar de ponerlo en style. Ni tan siquiera es menos código.

[quico5]

uhmm, partía de la idea que usar el atributo style estaba mal visto para todo, quizás me equivoque

[pzin]

Iniciado por quico5

uhmm, partía de la idea que usar el atributo style estaba mal visto para todo, quizás me equivoque

Para todo no. Si lo usas de forma habitual para embeber todos los estilos obviamente es malo, porque te haces una sopa de campeonato. Pero si algún estilo depende de algún dato dinámico (de un json, de base de datos, etc) pues obviamente no está mal usar el atributo de estilo.