OLD | NEW |
(Empty) | |
| 1 <!-- |
| 2 Copyright (c) 2014 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 |
| 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 |
| 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 |
| 8 --> |
| 9 <!-- |
| 10 /** |
| 11 * @group Polymer Core Elements |
| 12 * @element core-media-query |
| 13 * @status beta |
| 14 * @homepage github.io |
| 15 * |
| 16 * core-media-query can be used to data bind to a CSS media query. |
| 17 * The "query" property is a bare CSS media query. |
| 18 * The "queryMatches" property will be a boolean representing if the page matche
s that media query. |
| 19 * |
| 20 * core-media-query uses media query listeners to dynamically update the "queryM
atches" property. |
| 21 * A "core-media-change" event also fires when queryMatches changes. |
| 22 * |
| 23 * Example: |
| 24 * |
| 25 * <core-media-query query="max-width: 640px" queryMatches="{{phoneScreen}}
"></core-media-query> |
| 26 * |
| 27 */ |
| 28 |
| 29 /** |
| 30 * Fired when the media query state changes |
| 31 * |
| 32 * @event core-media-change |
| 33 */ |
| 34 --> |
| 35 <link rel="import" href="../polymer/polymer.html"> |
| 36 |
| 37 <polymer-element name="core-media-query" attributes="query queryMatches" assetpa
th=""> |
| 38 <template> |
| 39 <style> |
| 40 :host { |
| 41 display: none; |
| 42 } |
| 43 </style> |
| 44 </template> |
| 45 |
| 46 </polymer-element> |
| 47 <script src="core-media-query-extracted.js"></script> |
OLD | NEW |