11320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci/* 21320f92c476a1ad9d19dba2a48c72b75566198e9Primiano TucciCopyright (c) 2014 The Polymer Project Authors. All rights reserved. 31320f92c476a1ad9d19dba2a48c72b75566198e9Primiano TucciThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 41320f92c476a1ad9d19dba2a48c72b75566198e9Primiano TucciThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 51320f92c476a1ad9d19dba2a48c72b75566198e9Primiano TucciThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 61320f92c476a1ad9d19dba2a48c72b75566198e9Primiano TucciCode distributed by Google as part of the polymer project is also 71320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tuccisubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 81320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci*/ 91320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 101320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host { 111320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci display: inline-block; 121320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci background: #323232; 131320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci color: #f1f1f1; 141320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci min-height: 48px; 151320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci min-width: 288px; 161320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci padding: 16px 24px 12px; 171320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-sizing: border-box; 181320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -moz-box-sizing: border-box; 191320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); 201320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci border-radius: 2px; 211320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci bottom: 12px; 221320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci left: 12px; 231320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci font-size: 14px; 241320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci cursor: default; 251320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 261320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 271320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.capsule) { 281320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci border-radius: 24px; 291320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 301320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 311320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.fit-bottom) { 321320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci bottom: 0; 331320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci left: 0; 341320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci width: 100%; 351320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci min-width: 0; 361320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci border-radius: 0; 371320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 381320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 391320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.dragging) { 401320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci transition: none; 411320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 421320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 431320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-down), 441320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-up), 451320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-right), 461320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-left) { 471320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci opacity: 0; 481320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci transition: -webkit-transform 0.08s ease-in-out, opacity 0.08s ease-in-out; 491320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci transition: transform 0.08s ease-in-out, opacity 0.08s ease-in-out; 501320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 511320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 521320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-down) { 531320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translate(0, 100%); 541320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci transform: translate(0, 100%); 551320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 561320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 571320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-up) { 581320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translate(0, -100%); 591320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci transform: translate(0, -100%); 601320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 611320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 621320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-right) { 631320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translate(100%, 0); 641320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci transform: translate(100%, 0); 651320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 661320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 671320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci:host(.core-transition.fade-out-left) { 681320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci -webkit-transform: translate(-100%, 0); 691320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci transform: translate(-100%, 0); 701320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 711320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 721320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.toast-container { 731320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci overflow: hidden; 741320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 751320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci 761320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci.toast-action { 771320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci padding-left: 24px; 781320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci cursor: pointer; 791320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci text-transform: uppercase; 801320f92c476a1ad9d19dba2a48c72b75566198e9Primiano Tucci} 81