To apply styles from a 'normal' stylesheet to my polymer component, I included shim-shadowdom in the style and added /deep/ to the class. Here is an example:
<html>
<head>
<style shim-shadowdom>
.mylink /deep/ {color: orange;}
<style>
</head>
<body>
<my-link></my-link>
</body>
</html>
Then, for the component:
<polymer-element name="my-link">
<a class="mylink" href="#">xxx</a>
</polymer-element>
This approach does not work properly in Chrome - the link still retains its default color. In Firefox and IE, the links turn orange, but they do so even without using /deep/ or shim-shadowdom.
The question at hand is: what am I missing here?
Polymer version being used is 0.5.5.
PS: Despite the styling issue, Polymer functions as expected - all components are displayed, AJAX requests are sent successfully, among other functionalities.