| OLD | NEW |
| 1 /* | 1 /* |
| 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 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.g
ithub.io/LICENSE.txt | 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.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/CONTRI
BUTORS.txt | 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 6 Code distributed by Google as part of the polymer project is also | 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/PATEN
TS.txt | 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 8 */ | 8 */ |
| 9 | 9 |
| 10 :host { | 10 :host { |
| 11 display: block; | |
| 12 position: relative; | 11 position: relative; |
| 13 overflow: hidden; | 12 overflow: hidden; |
| 14 } | 13 cursor: default; |
| 15 | |
| 16 #tabContainer { | |
| 17 position: absolute; | |
| 18 top: 0; | |
| 19 right: 0; | |
| 20 bottom: 0; | |
| 21 left: 0; | |
| 22 } | 14 } |
| 23 | 15 |
| 24 .tab-content { | 16 .tab-content { |
| 25 transition: opacity .1s cubic-bezier(0.4, 0.0, 1, 1), color .1s cubic-bezier(0
.4, 0.0, 1, 1); | 17 transition: opacity .1s cubic-bezier(0.4, 0.0, 1, 1), color .1s cubic-bezier(0
.4, 0.0, 1, 1); |
| 26 cursor: default; | 18 height: 100%; |
| 27 pointer-events: none; | 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; |
| 28 } | 33 } |
| 29 | 34 |
| 30 :host(:not(.core-selected)) .tab-content { | 35 :host(:not(.core-selected)) .tab-content { |
| 31 opacity: 0.6; | 36 opacity: 0.6; |
| 32 } | 37 } |
| 33 | 38 |
| 34 #ink { | 39 #ink { |
| 35 position: absolute; | 40 position: absolute; |
| 36 top: 0; | 41 top: 0; |
| 37 right: 0; | 42 right: 0; |
| 38 bottom: 0; | 43 bottom: 0; |
| 39 left: 0; | 44 left: 0; |
| 40 color: #ffff8d; | 45 color: #ffff8d; |
| 41 } | |
| 42 | |
| 43 :host[noink] #ink { | |
| 44 pointer-events: none; | 46 pointer-events: none; |
| 45 } | 47 } |
| 46 | 48 |
| 47 :host-context(paper-tabs[noink]) #ink { | 49 polyfill-next-selector { content: '.tab-content > a'; } |
| 48 pointer-events: none; | 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; |
| 49 } | 59 } |
| OLD | NEW |