user3240644
Reputation: 2281
Polymer 2 css mixins not taking effect
It seems that my css mixins are not being applied as shown in this plunker . May I know why color: green is not being applied? Thanks.
Upvotes: 0
Views: 150
Answers (1)
Ofisora
Reputation: 2737
You will need to import CSS mixins polyfill if you are using CSS mixins.
<!-- import CSS mixins polyfill -->
<link rel="import" href="/bower_components/shadycss/apply-shim.html">
Source: Click here.
Also, you are using custom-style which you haven't imported. Importing that is needed since you are not importing polymer.html as well in that file.
<link rel="import" href="/bower_components/polymer/lib/elements/custom-style.html">
custom-styleis not included withPolymer.Elementand must be imported separately.custom-styleis included with thelegacy polymer.htmlimport.
Upvotes: 1
Related Questions
- How to access a grandchild element's css mixin in Polymer?
- How to style paper-input with certain mixins (polymer 2)?
- CSS not applied to Polymer 2 web component in Chrome
- Polymer styles not taking affect on host element
- Using Polymer.updateStyles with @apply mixin
- Why is my Polymer custom CSS property not working?
- Using CSS Mixins in Polymer
- How to use mixins from external stylesheet in Polymer 1.0
- Having trouble applying a mixin in Polymer
- Unable to style paper-drawer-panel in Polymer 1.0 using Custom CSS Mixins