src/third_party/polymer/components/paper-toast/paper-toast.css

   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 }