Skip to content
This repository has been archived by the owner on Mar 13, 2018. It is now read-only.

Missing closing tag </style> in iron-flex-layout sample code #279

Open
dulimarta opened this issue Jun 1, 2016 · 1 comment
Open

Missing closing tag </style> in iron-flex-layout sample code #279

dulimarta opened this issue Jun 1, 2016 · 1 comment

Comments

@dulimarta
Copy link

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

polymer-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
Copy link
Contributor

notwaldorf commented Jun 1, 2016

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? :)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants