OLD | NEW |
1 <!-- Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 <!-- Copyright (c) 2014 The Chromium Authors. All rights reserved. |
2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
4 | 4 |
5 <polymer-element name="cr-toolbar" noscript> | 5 <polymer-element name="cr-toolbar" noscript> |
6 <template> | 6 <template> |
7 <style> | 7 <style> |
8 :host { | 8 :host { |
9 display: -webkit-flex; | 9 display: -webkit-flex; |
10 display: flex; | 10 display: flex; |
11 /* | 11 /* |
12 Use padding on the bottom so the margin doesn't overflow | 12 Use padding on the bottom so the margin doesn't overflow |
13 when the toolbar is the last thing, and use margin on the | 13 when the toolbar is the last thing, and use margin on the |
14 top so it collapses with sections before the toolbar. | 14 top so it collapses with sections before the toolbar. |
15 */ | 15 */ |
16 /* TODO(esprehn): Can we do this simpler? */ | 16 /* TODO(esprehn): Can we do this simpler? */ |
17 padding-bottom: 1em; | 17 padding-bottom: 1em; |
18 margin: 1em 16px 0 16px; | 18 margin: 1em 16px 0 16px; |
19 flex-wrap: wrap; | 19 flex-wrap: wrap; |
20 -webkit-flex-wrap: wrap; | 20 -webkit-flex-wrap: wrap; |
21 align-items: center; | 21 align-items: center; |
22 -webkit-align-items: center; | 22 -webkit-align-items: center; |
23 } | 23 } |
24 </style> | 24 </style> |
25 <content></content> | 25 <content></content> |
26 </template> | 26 </template> |
27 </polymer-element> | 27 </polymer-element> |
OLD | NEW |