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