third_party/polymer/components-chromium/paper-tabs/paper-tab.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   position: relative;
  12   overflow: hidden;
  13   cursor: default;
  14 }
  15
  16 .tab-content {
  17   transition: opacity .1s cubic-bezier(0.4, 0.0, 1, 1), color .1s cubic-bezier(0.4, 0.0, 1, 1);
  18   height: 100%;
  19   margin: 0 12px;
  20 }
  21
  22 :host-context(#tabsContainer.scrollable) .tab-content {
  23   margin: 0 24px;
  24 }
  25
  26 :host-context(paper-tabs[link]) .tab-content {
  27   margin: 0 !important;
  28 }
  29
  30 polyfill-next-selector { content: '.core-narrow #tabsContainer.scrollable :host .tab-content'; }
  31 :host-context(.core-narrow):host-context(#tabsContainer.scrollable) .tab-content {
  32   margin: 0 12px;
  33 }
  34
  35 :host(:not(.core-selected)) .tab-content {
  36   opacity: 0.6;
  37 }
  38
  39 #ink {
  40   position: absolute;
  41   top: 0;
  42   right: 0;
  43   bottom: 0;
  44   left: 0;
  45   color: #ffff8d;
  46   pointer-events: none;
  47 }
  48
  49 polyfill-next-selector { content: '.tab-content > a'; }
  50 ::content > a {
  51   height: 100%;
  52   padding: 0 12px;
  53   /* flex */
  54   -ms-flex: 1 1 0.000000001px;
  55   -webkit-flex: 1;
  56   flex: 1;
  57   -webkit-flex-basis: 0.000000001px;
  58   flex-basis: 0.000000001px;
  59 }