WebCompDev / COMPONENTS

  # iron-media-query

  
  `iron-media-query` can be used to data bind to a CSS media query.
  The `query` property is a bare CSS media query.

  The `query-matches` property is a boolean representing if the page matches that media query.

  
  Example:
  

  ```html
  <iron-media-query query="(min-width: 600px)" query-matches="{{queryMatches}}"></iron-media-query>
  ```