| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 2 Copyright (c) 2015 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 --><html><head><link rel="import" href="../polymer/polymer.html"> | 8 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 9 <link rel="import" href="../paper-styles/default-theme.html"> | 9 <link rel="import" href="../paper-styles/default-theme.html"> |
| 10 <link rel="import" href="../paper-styles/typography.html"> | 10 <link rel="import" href="../paper-styles/typography.html"> |
| (...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 96 --> | 96 --> |
| 97 | 97 |
| 98 </head><body><dom-module id="paper-toolbar"> | 98 </head><body><dom-module id="paper-toolbar"> |
| 99 <template> | 99 <template> |
| 100 <style> | 100 <style> |
| 101 :host { | 101 :host { |
| 102 /* technical */ | 102 /* technical */ |
| 103 display: block; | 103 display: block; |
| 104 position: relative; | 104 position: relative; |
| 105 box-sizing: border-box; | 105 box-sizing: border-box; |
| 106 -moz-box-sizing: border-box; | |
| 107 | 106 |
| 108 /* size */ | 107 /* size */ |
| 109 height: var(--paper-toolbar-height, 64px); | 108 height: var(--paper-toolbar-height, 64px); |
| 110 | 109 |
| 111 background: var(--paper-toolbar-background, --default-primary-color); | 110 background: var(--paper-toolbar-background, --default-primary-color); |
| 112 color: var(--paper-toolbar-color, --text-primary-color); | 111 color: var(--paper-toolbar-color, --text-primary-color); |
| 113 | 112 |
| 114 @apply(--paper-toolbar); | 113 @apply(--paper-toolbar); |
| 115 } | 114 } |
| 116 | 115 |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 168 /* middle bar */ | 167 /* middle bar */ |
| 169 #middleBar { | 168 #middleBar { |
| 170 position: absolute; | 169 position: absolute; |
| 171 top: 0; | 170 top: 0; |
| 172 right: 0; | 171 right: 0; |
| 173 left: 0; | 172 left: 0; |
| 174 } | 173 } |
| 175 | 174 |
| 176 :host(.tall) #middleBar, | 175 :host(.tall) #middleBar, |
| 177 :host(.medium-tall) #middleBar { | 176 :host(.medium-tall) #middleBar { |
| 178 -webkit-transform: translateY(100%); | |
| 179 transform: translateY(100%); | 177 transform: translateY(100%); |
| 180 } | 178 } |
| 181 | 179 |
| 182 /* bottom bar */ | 180 /* bottom bar */ |
| 183 #bottomBar { | 181 #bottomBar { |
| 184 position: absolute; | 182 position: absolute; |
| 185 right: 0; | 183 right: 0; |
| 186 bottom: 0; | 184 bottom: 0; |
| 187 left: 0; | 185 left: 0; |
| 188 } | 186 } |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 275 <content select=".middle"></content> | 273 <content select=".middle"></content> |
| 276 </div> | 274 </div> |
| 277 | 275 |
| 278 <div id="bottomBar" class$="toolbar-tools [[_computeBarExtraClasses(bottomJu
stify)]]"> | 276 <div id="bottomBar" class$="toolbar-tools [[_computeBarExtraClasses(bottomJu
stify)]]"> |
| 279 <content select=".bottom"></content> | 277 <content select=".bottom"></content> |
| 280 </div> | 278 </div> |
| 281 </template> | 279 </template> |
| 282 | 280 |
| 283 </dom-module> | 281 </dom-module> |
| 284 <script src="paper-toolbar-extracted.js"></script></body></html> | 282 <script src="paper-toolbar-extracted.js"></script></body></html> |
| OLD | NEW |