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 |