OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 h2 { | 10 h2 { |
11 color: #9e9e9e; | 11 color: #9e9e9e; |
12 font-size: 100%; | 12 font-size: 100%; |
13 font-weight: normal; | 13 font-weight: normal; |
14 margin-bottom: 20px; | 14 margin-bottom: 20px; |
15 margin-top: 30px; | 15 margin-top: 30px; |
16 } | 16 } |
17 | 17 |
18 | |
19 iron-icon { | 18 iron-icon { |
20 color: #969696; | 19 color: #969696; |
21 } | 20 } |
22 | 21 |
23 paper-button { | 22 paper-button { |
24 margin: 0; | 23 margin: 0; |
25 min-width: auto; | 24 min-width: auto; |
26 } | 25 } |
27 | 26 |
28 paper-button[toggles][active] { | 27 paper-button[toggles][active] { |
29 background-color: LightGray; | 28 background-color: LightGray; |
30 } | 29 } |
31 | 30 |
| 31 span ~ a { |
| 32 -webkit-margin-start: 4px; |
| 33 } |
| 34 |
32 .text-elide { | 35 .text-elide { |
33 overflow: hidden; | 36 overflow: hidden; |
34 text-overflow: ellipsis; | 37 text-overflow: ellipsis; |
35 white-space: nowrap; | 38 white-space: nowrap; |
36 } | 39 } |
37 | 40 |
38 .button-row { | 41 .button-row { |
39 display: flex; | 42 display: flex; |
40 margin-top: 25px; | 43 margin-top: 25px; |
41 } | 44 } |
42 | 45 |
43 .button-strip { | 46 .button-strip { |
44 text-align: end; | 47 text-align: end; |
45 } | 48 } |
46 | 49 |
47 .list-frame { | 50 .list-frame { |
48 @apply(--layout-center); | 51 @apply(--layout-center); |
49 display: block; | 52 display: block; |
50 margin-left: 48px; | 53 margin-left: 48px; |
51 padding: 0; | 54 padding: 0; |
52 } | 55 } |
53 | 56 |
| 57 .list-frame select { |
| 58 -webkit-margin-start: 4px; |
| 59 } |
| 60 |
54 .list-item { | 61 .list-item { |
55 @apply(--layout-center); | 62 @apply(--layout-center); |
56 border-top: 1px solid #e0e0e0; | |
57 display: flex; | 63 display: flex; |
58 padding: 0; | 64 padding: 0; |
59 } | 65 } |
60 | 66 |
61 .list-item:first-of-type { | |
62 border-top: none; | |
63 } | |
64 | |
65 .list-item .middle { | 67 .list-item .middle { |
66 flex: 1; | 68 flex: 1; |
67 margin: 8px 12px; | 69 margin: 8px 12px; |
68 overflow: hidden; | 70 overflow: hidden; |
69 white-space: nowrap; | 71 white-space: nowrap; |
70 } | 72 } |
71 | 73 |
72 .list-item .secondary { | 74 .list-item .secondary { |
73 color: #969696; | 75 color: #969696; |
74 } | 76 } |
(...skipping 12 matching lines...) Expand all Loading... |
87 } | 89 } |
88 | 90 |
89 .settings-box { | 91 .settings-box { |
90 @apply(--layout-center); | 92 @apply(--layout-center); |
91 border-top: 1px solid #e0e0e0; | 93 border-top: 1px solid #e0e0e0; |
92 display: block; | 94 display: block; |
93 min-height: 40px; | 95 min-height: 40px; |
94 padding: 8px 16px; | 96 padding: 8px 16px; |
95 } | 97 } |
96 | 98 |
97 .settings-box .two-line { | 99 .settings-box.first { |
| 100 border-top: none; |
| 101 } |
| 102 |
| 103 .settings-box.row { |
| 104 display: flex; |
| 105 } |
| 106 |
| 107 .settings-box.two-line { |
98 min-height: 52px; | 108 min-height: 52px; |
99 } | 109 } |
100 | 110 |
101 .settings-box:first-of-type { | |
102 border-top: none; | |
103 } | |
104 | |
105 .settings-box .secondary { | 111 .settings-box .secondary { |
106 color: #969696; | 112 color: #969696; |
107 } | 113 } |
108 | 114 |
109 .split { | 115 .split { |
110 display: flex; | 116 display: flex; |
111 } | 117 } |
112 | 118 |
113 .split .start { | 119 .split .start { |
114 flex: auto; | 120 flex: auto; |
115 } | 121 } |
116 | 122 |
117 .settings-box paper-item iron-icon { | 123 .settings-box paper-item iron-icon { |
118 /* Same padding as paper-icon-button. */ | 124 /* Same padding as paper-icon-button. */ |
119 padding: 8px; | 125 padding: 8px; |
120 } | 126 } |
| 127 |
| 128 .vertical-list > div:first-of-type { |
| 129 border-top: none; |
| 130 } |
| 131 |
| 132 .vertical-list > div { |
| 133 border-top: 1px solid #e0e0e0; |
| 134 } |
OLD | NEW |