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: block; 12 position: relative; 13 font-size: 14px; 14 font-weight: 500; 15 height: 48px; 16 overflow: hidden; 17 } 18 19 #tabsContainer { 20 position: absolute; 21 top: 0; 22 right: 0; 23 bottom: 0; 24 left: 0; 25 white-space: nowrap; 26 } 27 28 #selectionBar { 29 position: absolute; 30 height: 2px; 31 bottom: 0; 32 left: 0; 33 width: 0; 34 background-color: #ffff8d; 35 transition: width, left; 36 } 37 38 #selectionBar[hidden] { 39 display: hidden; 40 } 41 42 #selectionBar.expand { 43 transition-duration: 0.15s; 44 transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); 45 } 46 47 #selectionBar.contract { 48 transition-duration: 0.1s; 49 transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); 50 } 51 52 polyfill-next-selector { content: '#tabsContainer > *:not(#selectionBar)'; } 53 ::content > * { 54 -ms-flex: 1; 55 -webkit-flex: 1; 56 flex: 1; 57 } 58
