| 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"> |
| 11 <template> | 11 <template> |
| 12 <style> | 12 <style> |
| 13 h2 { | 13 h2 { |
| 14 @apply(--layout-center); |
| 14 color: var(--paper-grey-500); | 15 color: var(--paper-grey-500); |
| 16 display: flex; |
| 15 font-size: 100%; | 17 font-size: 100%; |
| 16 font-weight: normal; | 18 font-weight: 500; |
| 17 margin-bottom: 20px; | 19 margin: 0; |
| 18 margin-top: 30px; | 20 min-height: 40px; |
| 19 } | 21 } |
| 20 | 22 |
| 21 iron-icon { | 23 iron-icon { |
| 22 color: #969696; | 24 color: #969696; |
| 23 } | 25 } |
| 24 | 26 |
| 25 iron-icon[icon=done] { | 27 iron-icon[icon=done] { |
| 26 color: rgb(0, 128, 0); | 28 color: rgb(0, 128, 0); |
| 27 } | 29 } |
| 28 | 30 |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 82 display: flex; | 84 display: flex; |
| 83 margin-top: 25px; | 85 margin-top: 25px; |
| 84 } | 86 } |
| 85 | 87 |
| 86 .button-strip { | 88 .button-strip { |
| 87 text-align: end; | 89 text-align: end; |
| 88 } | 90 } |
| 89 | 91 |
| 90 .list-frame { | 92 .list-frame { |
| 91 @apply(--layout-center); | 93 @apply(--layout-center); |
| 92 display: block; | |
| 93 -webkit-padding-end: 20px; | 94 -webkit-padding-end: 20px; |
| 94 -webkit-padding-start: 48px; | 95 -webkit-padding-start: 48px; |
| 96 display: block; |
| 95 padding-bottom: 0; | 97 padding-bottom: 0; |
| 96 padding-top: 0; | 98 padding-top: 0; |
| 97 } | 99 } |
| 98 | 100 |
| 99 .list-frame select { | 101 .list-frame select { |
| 100 -webkit-margin-start: 4px; | 102 -webkit-margin-start: 4px; |
| 101 } | 103 } |
| 102 | 104 |
| 103 .list-frame .secondary { | 105 .list-frame .secondary { |
| 104 color: #969696; | 106 color: #969696; |
| (...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 227 .vertical-list > div:first-of-type { | 229 .vertical-list > div:first-of-type { |
| 228 border-top: none; | 230 border-top: none; |
| 229 } | 231 } |
| 230 | 232 |
| 231 .vertical-list > div { | 233 .vertical-list > div { |
| 232 border-top: 1px solid var(--paper-grey-300); | 234 border-top: 1px solid var(--paper-grey-300); |
| 233 } | 235 } |
| 234 </style> | 236 </style> |
| 235 </template> | 237 </template> |
| 236 </dom-module> | 238 </dom-module> |
| OLD | NEW |