| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| 2 <link rel="import" href="/settings_root_css.html"> | 2 <link rel="import" href="/settings_root_css.html"> |
| 3 | 3 |
| 4 <!-- Common styles for Material Design settings. --> | 4 <!-- Common styles for Material Design settings. --> |
| 5 <dom-module id="settings-shared"> | 5 <dom-module id="settings-shared"> |
| 6 <template> | 6 <template> |
| 7 <style include="cr-shared-style"> | 7 <style include="cr-shared-style"> |
| 8 h2 { | 8 h2 { |
| 9 align-items: center; | 9 align-items: center; |
| 10 display: flex; | 10 display: flex; |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 } | 90 } |
| 91 | 91 |
| 92 paper-button.primary-button, | 92 paper-button.primary-button, |
| 93 paper-button.tertiary-button { | 93 paper-button.tertiary-button { |
| 94 --paper-button-flat-keyboard-focus: { | 94 --paper-button-flat-keyboard-focus: { |
| 95 background-color: rgba(51, 103, 214, .12); /* --google-blue-700 */ | 95 background-color: rgba(51, 103, 214, .12); /* --google-blue-700 */ |
| 96 }; | 96 }; |
| 97 } | 97 } |
| 98 | 98 |
| 99 [is='action-link']:hover { | 99 [is='action-link']:hover { |
| 100 /* TODO(dbeam): check with bettes@ on this one, but I'm pretty sure we | |
| 101 * shouldn't be showing much :hover stuff on Polymer pages. */ | |
| 102 text-decoration: none; | 100 text-decoration: none; |
| 103 } | 101 } |
| 104 | 102 |
| 105 /* | 103 /* |
| 106 * There are three main button styles, .primary-button, .secondary-button, | 104 * There are three main button styles, .primary-button, .secondary-button, |
| 107 * and .tertiary-button. The primary is the action button (e.g. "edit", | 105 * and .tertiary-button. The primary is the action button (e.g. "edit", |
| 108 * "delete") while the secondary is often a "Cancel" button. A tertiary | 106 * "delete") while the secondary is often a "Cancel" button. A tertiary |
| 109 * button may be used to get more information or similar, that we expect | 107 * button may be used to get more information or similar, that we expect |
| 110 * most users will not need. | 108 * most users will not need. |
| 111 */ | 109 */ |
| (...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 342 | 340 |
| 343 .favicon-image { | 341 .favicon-image { |
| 344 background-repeat: no-repeat; | 342 background-repeat: no-repeat; |
| 345 background-size: contain; | 343 background-size: contain; |
| 346 height: 16px; | 344 height: 16px; |
| 347 width: 16px; | 345 width: 16px; |
| 348 } | 346 } |
| 349 </style> | 347 </style> |
| 350 </template> | 348 </template> |
| 351 </dom-module> | 349 </dom-module> |
| OLD | NEW |