3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
9 --><html><head><link rel=
"import" href=
"../polymer/polymer.html">
10 <link rel=
"import" href=
"../paper-styles/typography.html">
11 <link rel=
"import" href=
"../iron-a11y-announcer/iron-a11y-announcer.html">
14 `paper-toast` provides a subtle notification toast.
21 </head><body><dom-module id=
"paper-toast">
24 display: inline-block;
31 padding:
16px
24px
12px;
32 box-sizing: border-box;
33 box-shadow:
0 2px
5px
0 rgba(
0,
0,
0,
0.26);
40 -webkit-transition: visibility
0.3s, -webkit-transform
0.3s;
41 transition: visibility
0.3s, transform
0.3s;
43 -webkit-transform: translateY(
100px);
44 transform: translateY(
100px);
61 :host(.paper-toast-open){
64 -webkit-transform: translateY(
0px);
65 transform: translateY(
0px);
69 <span id=
"label">{{text}}
</span>
73 <script src=
"paper-toast-extracted.js"></script></body></html>