Home | History | Annotate | Download | only in paper-toast 
      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.github.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/CONTRIBUTORS.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/PATENTS.txt
      8 */
      9 
     10 :host {
     11   display: inline-block;
     12   background: #323232;
     13   color: #f1f1f1;
     14   min-height: 48px;
     15   min-width: 288px;
     16   padding: 16px 24px 12px;
     17   box-sizing: border-box;
     18   -moz-box-sizing: border-box;
     19   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
     20   border-radius: 2px;
     21   bottom: 12px;
     22   left: 12px;
     23   font-size: 14px;
     24   cursor: default;
     25 }
     26 
     27 :host(.capsule) {
     28   border-radius: 24px;
     29 }
     30 
     31 :host(.fit-bottom) {
     32   bottom: 0;
     33   left: 0;
     34   width: 100%;
     35   min-width: 0;
     36   border-radius: 0;
     37 }
     38 
     39 :host(.core-transition.dragging) {
     40   transition: none;
     41 }
     42 
     43 :host(.core-transition.fade-out-down),
     44 :host(.core-transition.fade-out-up),
     45 :host(.core-transition.fade-out-right),
     46 :host(.core-transition.fade-out-left) {
     47   opacity: 0;
     48   transition: -webkit-transform 0.08s ease-in-out, opacity 0.08s ease-in-out;
     49   transition: transform 0.08s ease-in-out, opacity 0.08s ease-in-out;
     50 }
     51 
     52 :host(.core-transition.fade-out-down) {
     53   -webkit-transform: translate(0, 100%);
     54   transform: translate(0, 100%);
     55 }
     56 
     57 :host(.core-transition.fade-out-up) {
     58   -webkit-transform: translate(0, -100%);
     59   transform: translate(0, -100%);
     60 }
     61 
     62 :host(.core-transition.fade-out-right) {
     63   -webkit-transform: translate(100%, 0);
     64   transform: translate(100%, 0);
     65 }
     66 
     67 :host(.core-transition.fade-out-left) {
     68   -webkit-transform: translate(-100%, 0);
     69   transform: translate(-100%, 0);
     70 }
     71 
     72 .toast-container {
     73   overflow: hidden;
     74 }
     75 
     76 .toast-action {
     77   padding-left: 24px;
     78   cursor: pointer;
     79   text-transform: uppercase;
     80 }
     81