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 23 matching lines...) Expand all Loading... |
34 } | 34 } |
35 | 35 |
36 paper-button[toggles][active] { | 36 paper-button[toggles][active] { |
37 background-color: LightGray; | 37 background-color: LightGray; |
38 } | 38 } |
39 | 39 |
40 span ~ a { | 40 span ~ a { |
41 -webkit-margin-start: 4px; | 41 -webkit-margin-start: 4px; |
42 } | 42 } |
43 | 43 |
| 44 [is='action-link'], |
| 45 [is='action-link']:active, |
| 46 [is='action-link']:hover, |
| 47 [is='action-link']:visited, |
| 48 paper-button.primary-button { |
| 49 /* TODO(dbeam): change all other colors in this file into --google or |
| 50 * --paper where applicable. */ |
| 51 color: var(--google-blue-700); |
| 52 } |
| 53 |
| 54 [is='action-link']:hover { |
| 55 /* TODO(dbeam): check with bettes@ on this one, but I'm pretty sure we |
| 56 * shouldn't be showing much :hover stuff on Polymer pages. */ |
| 57 text-decoration: none; |
| 58 } |
| 59 |
44 paper-button.primary-button { | 60 paper-button.primary-button { |
45 --paper-button: { | 61 --paper-button: { |
46 color: rgb(66, 133, 244); | |
47 font-weight: 500; | 62 font-weight: 500; |
48 text-align: start; | 63 text-align: start; |
49 }; | 64 }; |
50 margin: 0 -0.57em; /* Offsets default paper-button padding. */ | 65 margin: 0 -0.57em; /* Offsets default paper-button padding. */ |
51 } | 66 } |
52 | 67 |
53 paper-button.secondary-button { | 68 paper-button.secondary-button { |
54 --paper-button: { | 69 --paper-button: { |
55 color: #5a5a5a; | 70 color: #5a5a5a; |
56 text-decoration: none; | 71 text-decoration: none; |
(...skipping 162 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
219 .vertical-list > div:first-of-type { | 234 .vertical-list > div:first-of-type { |
220 border-top: none; | 235 border-top: none; |
221 } | 236 } |
222 | 237 |
223 .vertical-list > div { | 238 .vertical-list > div { |
224 border-top: 1px solid var(--paper-grey-300); | 239 border-top: 1px solid var(--paper-grey-300); |
225 } | 240 } |
226 </style> | 241 </style> |
227 </template> | 242 </template> |
228 </dom-module> | 243 </dom-module> |
OLD | NEW |