lenses-ui-dialog.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-overlay-behavior/iron-overlay-behavior.html">

<!--
Dialog that extends the Polymer Iron Overlay Behavior

##### Example
  <lenses-ui-dialog></lenses-ui-dialog>
@element lenses-ui-dialog
@status alpha
@demo
@homepage http://lenses.github.io/lenses-ui-dialog
-->

<dom-module id="lenses-ui-dialog">

  <style>
    :host {
      background: white;
      color:black;
      padding: 24px;
      box-shadow: rgba(0, 0, 0, 0.24) -2.3408942051048403px 5.524510324047423px 12.090680100755666px 0px, rgba(0, 0, 0, 0.12) 0px 0px 12px 0px;
    }
  </style>

  <template>
    <content></content>
  </template>
</dom-module>

<script>

  (function() {

    Polymer({
      is: 'lenses-ui-dialog',

      behaviors: [
        Polymer.IronOverlayBehavior
      ]

    });

  })();

</script>