Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(270)

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-tabs/paper-tab.html

Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@travis-yml
Patch Set: local-state.html Created 5 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><html><head><link rel="import" href="../polymer/polymer.html"> 9 --><html><head><link rel="import" href="../polymer/polymer.html">
10 <link rel="import" href="../iron-flex-layout/classes/iron-flex-layout.html">
11 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> 10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
12 <link rel="import" href="../iron-behaviors/iron-control-state.html"> 11 <link rel="import" href="../iron-behaviors/iron-control-state.html">
13 <link rel="import" href="../iron-behaviors/iron-button-state.html"> 12 <link rel="import" href="../iron-behaviors/iron-button-state.html">
14 <link rel="import" href="../paper-behaviors/paper-ripple-behavior.html"> 13 <link rel="import" href="../paper-behaviors/paper-ripple-behavior.html">
15 14
16 <!-- 15 <!--
17 `paper-tab` is styled to look like a tab. It should be used in conjunction with 16 `paper-tab` is styled to look like a tab. It should be used in conjunction with
18 `paper-tabs`. 17 `paper-tabs`.
19 18
20 Example: 19 Example:
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
62 61
63 :host([link]) { 62 :host([link]) {
64 padding: 0; 63 padding: 0;
65 } 64 }
66 65
67 .tab-content { 66 .tab-content {
68 height: 100%; 67 height: 100%;
69 -webkit-transform: translateZ(0); 68 -webkit-transform: translateZ(0);
70 transform: translateZ(0); 69 transform: translateZ(0);
71 transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1); 70 transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1);
72 71 @apply(--layout-horizontal);
72 @apply(--layout-center-center);
73 @apply(--layout-flex-auto);
73 @apply(--paper-tab-content); 74 @apply(--paper-tab-content);
74 } 75 }
75 76
76 :host(:not(.iron-selected)) > .tab-content { 77 :host(:not(.iron-selected)) > .tab-content {
77 opacity: 0.8; 78 opacity: 0.8;
78 79
79 @apply(--paper-tab-content-unselected); 80 @apply(--paper-tab-content-unselected);
80 } 81 }
81 82
82 :host(:focus) .tab-content { 83 :host(:focus) .tab-content {
(...skipping 12 matching lines...) Expand all
95 -webkit-flex: 1; 96 -webkit-flex: 1;
96 flex: 1; 97 flex: 1;
97 -webkit-flex-basis: 0.000000001px; 98 -webkit-flex-basis: 0.000000001px;
98 flex-basis: 0.000000001px; 99 flex-basis: 0.000000001px;
99 } 100 }
100 101
101 </style> 102 </style>
102 103
103 <template> 104 <template>
104 105
105 <div class="tab-content flex-auto center-center horizontal layout"> 106 <div class="tab-content">
106 <content></content> 107 <content></content>
107 </div> 108 </div>
108 109
109 </template> 110 </template>
110 111
111 </dom-module> 112 </dom-module>
112 113
113 <script src="paper-tab-extracted.js"></script></body></html> 114 <script src="paper-tab-extracted.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698