I've been tinkering with polymer over the past week or so. It's easy to use 
element attributes/properties to set labels and colors by inserting 
{{attributes}} in the dom structure, but not in the CSS that is inserted. 
Compare the two examples:

# Example 1
<template><!-- Wont work-->
   <style>
       .custom-button { background: {{color}} }
   </style>
   <paper-button class="custom-button"></paper-button>
</template>


#Example 2
<template><!-- will work -->
   <style>
       .custom-button { background: red; }
   </style>
   <paper-button style="background:{{color}}"></paper-button>
</template>

The second form seems "cleaner" to me. Is there some way to embed or use 
variables in css rather then in the elements directly?

Follow Polymer on Google+: plus.google.com/107187849809354688692
--- 
You received this message because you are subscribed to the Google Groups 
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/polymer-dev/cf396617-7db8-4c88-ac1d-41abdea7e997%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to