Pasando CSS personalizado al elemento Polymer

Me gustaría poder pasar el width CSS al DOM de sombra de mi elemento personalizado.

El elemento personalizado, llamado my-list , se define de la siguiente manera:

   #container { width: var(width, 100%); }   
Polymer({ is: 'my-list' });

Se usa así:

  .medium { width: 500px; }   1 2  

Sin embargo, el ancho de 500px no se aplica; El ancho sigue siendo del 100%.

¿Qué estoy haciendo mal?

Los nombres de las variables CSS deben comenzar con --

     

Sugerencia: la etiqueta

debe estar dentro de la etiqueta (esto se explicó de manera diferente hace un tiempo en los documentos pero se cambió más adelante).


Si usa las funciones de Polymer, debe agregar is="custom-style" para que Polymer sepa que necesita procesar (polyfill) los estilos dentro de esta etiqueta de estilo.

   1 2  
    Intereting Posts