| 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_vars_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 /* Included here so we don't have to include "iron-positioning" in every | 8 /* Included here so we don't have to include "iron-positioning" in every |
| 9 * stylesheet. See crbug.com/498405. */ | 9 * stylesheet. See crbug.com/498405. */ |
| 10 [hidden] { | 10 [hidden] { |
| (...skipping 359 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 370 -webkit-border-start: var(--settings-separator-line); | 370 -webkit-border-start: var(--settings-separator-line); |
| 371 -webkit-margin-start: 20px; | 371 -webkit-margin-start: 20px; |
| 372 -webkit-padding-start: 20px; | 372 -webkit-padding-start: 20px; |
| 373 align-items: center; | 373 align-items: center; |
| 374 display: flex; | 374 display: flex; |
| 375 flex-shrink: 0; | 375 flex-shrink: 0; |
| 376 height: var(--settings-row-min-height); | 376 height: var(--settings-row-min-height); |
| 377 } | 377 } |
| 378 | 378 |
| 379 .settings-box paper-item iron-icon { | 379 .settings-box paper-item iron-icon { |
| 380 /* Same padding as paper-icon-button. */ | 380 padding: var(--cr-icon-padding); |
| 381 padding: 8px; | |
| 382 } | 381 } |
| 383 | 382 |
| 384 /* Helper for a list frame to automatically avoid the separator line. */ | 383 /* Helper for a list frame to automatically avoid the separator line. */ |
| 385 .vertical-list > *:not(:first-of-type) { | 384 .vertical-list > *:not(:first-of-type) { |
| 386 border-top: var(--settings-separator-line); | 385 border-top: var(--settings-separator-line); |
| 387 } | 386 } |
| 388 | 387 |
| 389 .settings-checkbox-spacer { | 388 .settings-checkbox-spacer { |
| 390 -webkit-margin-start: calc( | 389 -webkit-margin-start: calc( |
| 391 var(--checkbox-margin-start) + | 390 var(--checkbox-margin-start) + |
| (...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 437 /* Turns the arrow direction downwards, when the bubble is placed above | 436 /* Turns the arrow direction downwards, when the bubble is placed above |
| 438 * the anchor element */ | 437 * the anchor element */ |
| 439 .search-bubble-innards.above::after { | 438 .search-bubble-innards.above::after { |
| 440 -webkit-transform: rotate(-135deg); | 439 -webkit-transform: rotate(-135deg); |
| 441 bottom: -5px; | 440 bottom: -5px; |
| 442 top: auto; | 441 top: auto; |
| 443 } | 442 } |
| 444 </style> | 443 </style> |
| 445 </template> | 444 </template> |
| 446 </dom-module> | 445 </dom-module> |
| OLD | NEW |