| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 6 Code distributed by Google as part of the polymer project is also | 6 Code distributed by Google as part of the polymer project is also |
| 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 8 --><html><head><link rel="import" href="../polymer/polymer.html"> | 8 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 9 | 9 |
| 10 <!-- | 10 <!-- |
| 11 `iron-media-query` can be used to data bind to a CSS media query. | 11 `iron-media-query` can be used to data bind to a CSS media query. |
| 12 The `query` property is a bare CSS media query. | 12 The `query` property is a bare CSS media query. |
| 13 The `queryMatches` property is a boolean representing if the page matches that m
edia query. | 13 The `queryMatches` property is a boolean representing if the page matches that m
edia query. |
| 14 | 14 |
| 15 Example: | 15 Example: |
| 16 | 16 |
| 17 <iron-media-query query="(min-width: 600px)" queryMatches="{{queryMatches}}"
></iron-media-query> | 17 <iron-media-query query="(min-width: 600px)" queryMatches="{{queryMatches}}"
></iron-media-query> |
| 18 | 18 |
| 19 @group Iron Elements | 19 @group Iron Elements |
| 20 @demo demo/index.html | 20 @demo demo/index.html |
| 21 @hero hero.svg | 21 @hero hero.svg |
| 22 @element iron-media-query | 22 @element iron-media-query |
| 23 --> | 23 --> |
| 24 | 24 |
| 25 </head><body><script src="iron-media-query-extracted.js"></script></body></html> | 25 </head><body><script src="iron-media-query-extracted.js"></script></body></html> |
| OLD | NEW |