| OLD | NEW |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 /** | 5 /** |
| 6 * @fileoverview | 6 * @fileoverview |
| 7 * Common styles for Material Design settings. | 7 * Common styles for Material Design settings. |
| 8 */ | 8 */ |
| 9 | 9 |
| 10 <dom-module id="settings-shared"> | 10 <dom-module id="settings-shared"> |
| (...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 155 .list-item > .start { | 155 .list-item > .start { |
| 156 flex: 1; | 156 flex: 1; |
| 157 overflow: hidden; | 157 overflow: hidden; |
| 158 white-space: nowrap; | 158 white-space: nowrap; |
| 159 } | 159 } |
| 160 | 160 |
| 161 .list-item > paper-icon-item { | 161 .list-item > paper-icon-item { |
| 162 padding: 0; | 162 padding: 0; |
| 163 } | 163 } |
| 164 | 164 |
| 165 .settings-card { | 165 /* This button has no ink ripple. */ |
| 166 padding: 8px 0; | 166 .list-item.list-button { |
| 167 @apply(--layout-center); |
| 168 color: rgb(66, 133, 244); |
| 169 font-weight: 500; |
| 167 } | 170 } |
| 168 | 171 |
| 169 .settings-box { | 172 .settings-box { |
| 170 @apply(--layout-center); | 173 @apply(--layout-center); |
| 171 border-top: 1px solid var(--paper-grey-300); | 174 border-top: 1px solid var(--paper-grey-300); |
| 172 display: flex; | 175 display: flex; |
| 173 min-height: 40px; | 176 min-height: 40px; |
| 174 padding: 0 20px; | 177 padding: 0 20px; |
| 175 } | 178 } |
| 176 | 179 |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 230 .vertical-list > div:first-of-type { | 233 .vertical-list > div:first-of-type { |
| 231 border-top: none; | 234 border-top: none; |
| 232 } | 235 } |
| 233 | 236 |
| 234 .vertical-list > div { | 237 .vertical-list > div { |
| 235 border-top: 1px solid var(--paper-grey-300); | 238 border-top: 1px solid var(--paper-grey-300); |
| 236 } | 239 } |
| 237 </style> | 240 </style> |
| 238 </template> | 241 </template> |
| 239 </dom-module> | 242 </dom-module> |
| OLD | NEW |