| 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 |