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 Polymer Core Elements | 19 @group Iron Elements |
| 20 @demo demo/index.html |
| 21 @hero hero.svg |
20 @element iron-media-query | 22 @element iron-media-query |
21 --> | 23 --> |
22 | 24 |
23 </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 |