| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| |
| <!-- Common CSS variables for Print Preview. --> |
| <custom-style> |
| <style> |
| html { |
| --print-preview-row-height: 38px; |
| --print-preview-sidebar-width: 384px; |
| --print-preview-title-width: 120px; |
| --print-preview-sidebar-margin: 24px; |
| |
| --cr-input-row-container: { |
| min-height: var(--print-preview-row-height); |
| }; |
| --print-preview-settings-border: 1px solid var(--google-grey-200); |
| --print-preview-dialog-margin: 34px; |
| --print-preview-disabled-label: { |
| color: var(--paper-grey-600); |
| opacity: .65; |
| } |
| --cr-form-field-label-height: initial; |
| --cr-form-field-label-line-height: .75rem; |
| --destination-item-height: 32px; |
| --preview-area-background-color: var(--google-grey-200); |
| --preview-area-background-color-new: var(--google-grey-refresh-300); |
| } |
| |
| @media (prefers-color-scheme: dark) { |
| html { |
| --preview-area-background-color: var(--google-grey-400); |
| --preview-area-background-color-new: var(--google-grey-refresh-700); |
| --print-preview-disabled-label: { |
| opacity: var(--cr-disabled-opacity); |
| } |
| --print-preview-settings-border: var(--cr-separator-line); |
| } |
| } |
| </style> |
| </custom-style> |