1/* 2Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 4The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 6Code distributed by Google as part of the polymer project is also 7subject 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 52polyfill-next-selector { content: '#tabsContainer > *:not(#selectionBar)'; } 53::content > * { 54 -ms-flex: 1; 55 -webkit-flex: 1; 56 flex: 1; 57} 58