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 |