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_vars_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; |
11 font-size: 100%; | 11 font-size: 100%; |
12 font-weight: 500; | 12 font-weight: 500; |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
58 text-align: start; | 58 text-align: start; |
59 width: 100%; | 59 width: 100%; |
60 } | 60 } |
61 | 61 |
62 paper-dropdown-menu .dropdown-item.iron-selected { | 62 paper-dropdown-menu .dropdown-item.iron-selected { |
63 font-weight: bold; | 63 font-weight: bold; |
64 } | 64 } |
65 | 65 |
66 iron-dropdown .dropdown-item:focus, | 66 iron-dropdown .dropdown-item:focus, |
67 paper-dropdown-menu .dropdown-item:focus { | 67 paper-dropdown-menu .dropdown-item:focus { |
68 background-color: var(--paper-grey-300); | 68 background-color: var(--cr-focused-item-color); |
69 outline: none; | 69 outline: none; |
70 } | 70 } |
71 | 71 |
72 iron-dropdown .dropdown-content { | 72 iron-dropdown .dropdown-content { |
73 background-color: white; | 73 background-color: white; |
74 box-shadow: 0 2px 6px var(--paper-grey-500); | 74 box-shadow: 0 2px 6px var(--paper-grey-500); |
75 } | 75 } |
76 | 76 |
77 iron-dropdown .dropdown-content .dropdown-item, | 77 iron-dropdown .dropdown-content .dropdown-item, |
78 iron-dropdown .dropdown-content paper-item { | 78 iron-dropdown .dropdown-content paper-item { |
(...skipping 194 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
273 display: block; | 273 display: block; |
274 } | 274 } |
275 | 275 |
276 /* | 276 /* |
277 * A row with two lines of text. Often the lower line will be .secondary. | 277 * A row with two lines of text. Often the lower line will be .secondary. |
278 */ | 278 */ |
279 .settings-box.two-line { | 279 .settings-box.two-line { |
280 min-height: 56px; | 280 min-height: 56px; |
281 } | 281 } |
282 | 282 |
283 [actionable] { | |
284 @apply(--settings-actionable); | |
285 } | |
286 | |
287 /* The lower line of text in a .settings-box.two-line. */ | 283 /* The lower line of text in a .settings-box.two-line. */ |
288 .settings-box .secondary { | 284 .settings-box .secondary { |
289 @apply(--settings-secondary); | 285 @apply(--settings-secondary); |
290 } | 286 } |
291 | 287 |
292 /* The middle part (horizontally) of a row. */ | 288 /* The middle part (horizontally) of a row. */ |
293 .settings-box .middle { | 289 .settings-box .middle { |
294 -webkit-margin-start: 16px; | 290 -webkit-margin-start: 16px; |
295 align-items: center; | 291 align-items: center; |
296 flex: auto; | 292 flex: auto; |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
343 | 339 |
344 .favicon-image { | 340 .favicon-image { |
345 background-repeat: no-repeat; | 341 background-repeat: no-repeat; |
346 background-size: contain; | 342 background-size: contain; |
347 height: 16px; | 343 height: 16px; |
348 width: 16px; | 344 width: 16px; |
349 } | 345 } |
350 </style> | 346 </style> |
351 </template> | 347 </template> |
352 </dom-module> | 348 </dom-module> |
OLD | NEW |