Missing closing tag </style> in iron-flex-layout sample code
Opened this issue · 1 comments
dulimarta commented
The sample code posted at Flexbox Layout example shows the following code:
<style include="iron-flex iron-flex-alignment">
For a simple (small) project, the above style include works fine. But when I use the above code in a bigger project and combine it with other style declarations like:
<style include="iron-flex iron-flex-alignment">
<style>
:host {
/* other style declarations here */
}
/* more styles here */
</style>
I kept getting the following error
After debugging my code, I finally resolved the issue by adding </style>
<!-- add missing closing tag -->
<style include="iron-flex iron-flex-alignment"></style>
<style>
:host {
/* other style declarations here */
}
</style>
notwaldorf commented
Ah, you could also just remove the second <style>
, which is probably what we (me) intended to write:
<style include="iron-flex iron-flex-alignment">
:host {
/* other style declarations here */
}
</style>
Would you like to send a PR to fix that? :)