| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 :host { | 7 :host { |
| 8 flex: none; | 8 flex: none; |
| 9 padding: 0 2px; | 9 padding: 0 2px; |
| 10 } | 10 } |
| (...skipping 10 matching lines...) Expand all Loading... |
| 21 } | 21 } |
| 22 | 22 |
| 23 .toolbar-shadow.wrappable { | 23 .toolbar-shadow.wrappable { |
| 24 flex-wrap: wrap; | 24 flex-wrap: wrap; |
| 25 } | 25 } |
| 26 | 26 |
| 27 .toolbar-shadow.wrappable-reverse { | 27 .toolbar-shadow.wrappable-reverse { |
| 28 flex-direction: row-reverse; | 28 flex-direction: row-reverse; |
| 29 } | 29 } |
| 30 | 30 |
| 31 .toolbar-shadow.toolbar-grow-vertical { |
| 32 height: initial; |
| 33 } |
| 34 |
| 31 .toolbar-shadow.vertical { | 35 .toolbar-shadow.vertical { |
| 32 flex-direction: column; | 36 flex-direction: column; |
| 33 height: auto; | 37 height: auto; |
| 34 width: 26px; | 38 width: 26px; |
| 35 } | 39 } |
| 36 | 40 |
| 37 .toolbar-item { | 41 .toolbar-item { |
| 38 position: relative; | 42 position: relative; |
| 39 display: flex; | 43 display: flex; |
| 40 background-color: transparent; | 44 background-color: transparent; |
| (...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 205 margin: 1px 3px; | 209 margin: 1px 3px; |
| 206 background-color: white; | 210 background-color: white; |
| 207 border: solid 1px #d8d8d8; | 211 border: solid 1px #d8d8d8; |
| 208 } | 212 } |
| 209 | 213 |
| 210 input.toolbar-item:focus, | 214 input.toolbar-item:focus, |
| 211 input.toolbar-item.hover { | 215 input.toolbar-item.hover { |
| 212 border: solid 1px rgb(202, 202, 202); | 216 border: solid 1px rgb(202, 202, 202); |
| 213 } | 217 } |
| 214 | 218 |
| 219 .toolbar-item-right-aligned { |
| 220 margin-left: auto; |
| 221 } |
| 222 |
| 215 /* Separator */ | 223 /* Separator */ |
| 216 | 224 |
| 217 .toolbar-divider { | 225 .toolbar-divider { |
| 218 background-color: #ccc; | 226 background-color: #ccc; |
| 219 width: 1px; | 227 width: 1px; |
| 220 margin: 5px 4px; | 228 margin: 5px 4px; |
| 221 height: 16px; | 229 height: 16px; |
| 222 } | 230 } |
| 223 | 231 |
| 224 .toolbar-spacer { | 232 .toolbar-spacer { |
| (...skipping 21 matching lines...) Expand all Loading... |
| 246 margin-top: -1px; | 254 margin-top: -1px; |
| 247 width: 28px; | 255 width: 28px; |
| 248 left: -2px; | 256 left: -2px; |
| 249 } | 257 } |
| 250 | 258 |
| 251 span.toolbar-select-container.toolbar-item.warning { | 259 span.toolbar-select-container.toolbar-item.warning { |
| 252 background: #ffd7d7; | 260 background: #ffd7d7; |
| 253 padding: 0 5px 0 0; | 261 padding: 0 5px 0 0; |
| 254 margin-right: 1px; | 262 margin-right: 1px; |
| 255 } | 263 } |
| OLD | NEW |