vaadin-dialog-styles.html

<link rel="import" href="../../../vaadin-material-styles/mixins/overlay.html">
<link rel="import" href="../../../vaadin-material-styles/shadow.html">

<dom-module id="material-dialog" theme-for="vaadin-dialog-overlay">
  <template>
    <style include="material-overlay">
      [part="overlay"] {
        box-shadow: var(--material-shadow-elevation-24dp);
        outline: none;
        max-width: 560px;
        min-width: 280px;
        -webkit-tap-highlight-color: transparent;
      }

      [part="content"] {
        padding: 24px;
      }

      /* No padding */
      :host([theme~='no-padding']) [part='content'] {
        padding: 0;
      }
    </style>
  </template>
</dom-module>