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 |