diff options
Diffstat (limited to 'third_party/polymer/components/paper-tabs/paper-tabs.css')
-rw-r--r-- | third_party/polymer/components/paper-tabs/paper-tabs.css | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/third_party/polymer/components/paper-tabs/paper-tabs.css b/third_party/polymer/components/paper-tabs/paper-tabs.css new file mode 100644 index 0000000..b247c1c --- /dev/null +++ b/third_party/polymer/components/paper-tabs/paper-tabs.css @@ -0,0 +1,57 @@ +/* +Copyright (c) 2014 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +*/ + +:host { + display: block; + position: relative; + font-size: 14px; + font-weight: 500; + height: 48px; + overflow: hidden; +} + +#tabsContainer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + white-space: nowrap; +} + +#selectionBar { + position: absolute; + height: 2px; + bottom: 0; + left: 0; + width: 0; + background-color: #ffff8d; + transition: width, left; +} + +#selectionBar[hidden] { + display: hidden; +} + +#selectionBar.expand { + transition-duration: 0.15s; + transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1); +} + +#selectionBar.contract { + transition-duration: 0.1s; + transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1); +} + +polyfill-next-selector { content: '#tabsContainer > *:not(#selectionBar)'; } +::content > * { + -ms-flex: 1; + -webkit-flex: 1; + flex: 1; +} |